Watch the stroke order, then trace it yourself.
.%3C%2Fdesc%3E%3Cstyle%3E%0A%40keyframes%20draw-stroke%20%7B%0A%20%20to%20%7B%20stroke-dashoffset%3A%200%3B%20opacity%3A%201%3B%20%7D%0A%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22500%22%20height%3D%22500%22%20fill%3D%22%238ecae6%22%3E%3C%2Frect%3E%3Cline%20x1%3D%220%22%20y1%3D%22250%22%20x2%3D%22500%22%20y2%3D%22250%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Cline%20x1%3D%22250%22%20y1%3D%220%22%20x2%3D%22250%22%20y2%3D%22500%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Ctext%20x%3D%22490%22%20y%3D%22488%22%20fill%3D%22%23ffffff%22%20font-size%3D%2218%22%20font-family%3D%22Arial%2C%20sans-serif%22%20text-anchor%3D%22end%22%20dominant-baseline%3D%22ideographic%22%20opacity%3D%220.8%22%3Ehanzistroke.com%3C%2Ftext%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22mask-1%22%3E%3Cpath%20d%3D%22M%20259%20728%20Q%20253%20734%20226%20748%20Q%20214%20754%20201%20749%20Q%20192%20743%20199%20729%20Q%20223%20641%20225%20606%20Q%20224%20602%20225%20597%20Q%20234%20347%20195%20173%20Q%20168%2083%20198%2036%20Q%20202%2030%20208%2022%20Q%20218%207%20232%2021%20Q%20242%2036%20246%2052%20L%20251%2092%20Q%20255%20128%20256%20179%20Q%20272%20645%20277%20675%20Q%20278%20679%20278%20684%20C%20281%20714%20281%20714%20259%20728%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20720%2071%20Q%20745%2041%20768%20-4%20Q%20778%20-26%20793%20-26%20Q%20806%20-25%20814%20-4%20Q%20845%2047%20823%20240%20Q%20799%20663%20823%20694%20Q%20824%20698%20829%20702%20Q%20839%20717%20839%20725%20Q%20838%20738%20805%20760%20Q%20745%20799%20703%20784%20Q%20684%20781%20652%20775%20Q%20502%20760%20323%20731%20Q%20290%20727%20259%20728%20C%20229%20727%20249%20678%20278%20684%20Q%20287%20685%20302%20689%20Q%20315%20693%20437%20713%20Q%20588%20735%20703%20742%20Q%20728%20743%20734%20731%20Q%20758%20703%20760%20370%20L%20760%20353%20Q%20764%20205%20766%20166%20Q%20770%20117%20759%2098%20Q%20755%2085%20749%2085%20L%20748%2085%20C%20734%2058%20708%2088%20720%2071%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20465%20590%20Q%20466%20591%20468%20594%20Q%20484%20619%20498%20629%20Q%20505%20636%20503%20647%20Q%20500%20657%20480%20676%20Q%20461%20692%20447%20693%20Q%20432%20692%20437%20675%20Q%20455%20630%20311%20463%20Q%20302%20456%20300%20451%20Q%20297%20444%20308%20444%20Q%20329%20447%20406%20523%20L%20418%20536%20Q%20431%20551%20446%20568%20L%20465%20590%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20543%20450%20Q%20573%20487%20605%20535%20Q%20620%20557%20641%20570%20Q%20654%20574%20654%20583%20Q%20655%20593%20632%20608%20Q%20604%20627%20593%20629%20Q%20584%20629%20574%20622%20Q%20520%20603%20465%20590%20C%20436%20583%20417%20575%20446%20568%20Q%20473%20555%20542%20582%20Q%20558%20586%20564%20581%20Q%20568%20577%20551%20542%20Q%20535%20506%20506%20472%20L%20488%20450%20Q%20406%20363%20282%20319%20Q%20275%20316%20274%20312%20Q%20275%20308%20281%20308%20Q%20398%20305%20519%20424%20L%20543%20450%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20760%20370%20Q%20721%20383%20673%20395%20Q%20628%20407%20543%20450%20L%20506%20472%20Q%20487%20485%20466%20500%20Q%20435%20524%20418%20536%20C%20394%20554%20384%20543%20406%20523%20Q%20446%20486%20488%20450%20L%20519%20424%20Q%20616%20340%20650%20337%20Q%20696%20337%20760%20353%20C%20789%20360%20789%20361%20760%20370%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20479%20345%20Q%20534%20287%20556%20285%20Q%20568%20284%20572%20300%20Q%20573%20310%20564%20327%20Q%20554%20343%20532%20350%20Q%20498%20366%20482%20368%20Q%20475%20369%20474%20359%20Q%20473%20352%20479%20345%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20474%20222%20Q%20504%20192%20534%20156%20Q%20544%20143%20558%20143%20Q%20568%20142%20573%20153%20Q%20579%20165%20574%20192%20Q%20571%20214%20541%20233%20Q%20469%20270%20456%20267%20Q%20452%20264%20451%20253%20Q%20454%20243%20474%20222%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20246%2052%20Q%20253%2052%20260%2052%20Q%20408%2073%20720%2071%20C%20750%2071%20758%2071%20748%2085%20Q%20744%2095%20719%20116%20Q%20701%20129%20666%20124%20Q%20437%2094%20251%2092%20C%20221%2092%20216%2051%20246%2052%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22%0A%20%20%20%20translate(10%2C%20431.875)%0A%20%20%20%20scale(0.46875%2C%20-0.46875)%0A%20%20%22%3E%3Cg%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20clip-path%3D%22url(%23mask-1)%22%20d%3D%22M%20141.2%20811.5%20L%20233%20712%20L%20241%20694%20L%20249%20620%20L%20242%20327%20L%20216%2095%20L%20220%2028%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22823.1677570892153%2C823.1677570892153%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20823.163%3B%20stroke-dasharray%3A%20823.163%3B%20animation%3A%20800ms%20linear%200ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-2)%22%20d%3D%22M%20177%20769.4%20L%20291%20708%20L%20433%20731%20L%20724%20765%20L%20744%20760%20L%20777%20732%20L%20786%20719%20L%20784%20465%20L%20799%20139%20L%20798%20105%20L%20786%2054%20L%20792%20-10%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%221377.10573946892%2C1377.10573946892%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%201377.06%3B%20stroke-dasharray%3A%201377.06%3B%20animation%3A%20800ms%20linear%201000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-3)%22%20d%3D%22M%20394.7%20767.3%20L%20466%20651%20L%20453%20616%20L%20386%20525%20L%20307%20451%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22394.94514429021973%2C394.94514429021973%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20395.002%3B%20stroke-dasharray%3A%20395.002%3B%20animation%3A%20800ms%20linear%202000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-4)%22%20d%3D%22M%20355.3%20546.7%20L%20559%20600%20L%20594%20594%20L%20601%20585%20L%20531%20468%20L%20472%20406%20L%20392%20350%20L%20314%20319%20L%20280%20314%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22695.3955299753374%2C695.3955299753374%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20695.35%3B%20stroke-dasharray%3A%20695.35%3B%20animation%3A%20800ms%20linear%203000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-5)%22%20d%3D%22M%20317.6%20543.5%20L%20428%20518%20L%20524%20441%20L%20622%20381%20L%20669%20366%20L%20747%20361%20L%20751%20366%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22485.21414879540583%2C485.21414879540583%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20485.179%3B%20stroke-dasharray%3A%20485.179%3B%20animation%3A%20800ms%20linear%204000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-6)%22%20d%3D%22M%20402.8%20414.9%20L%20537%20322%20L%20556%20301%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22191.56515772038017%2C191.56515772038017%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20191.537%3B%20stroke-dasharray%3A%20191.537%3B%20animation%3A%20800ms%20linear%205000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-7)%22%20d%3D%22M%20379.4%20318.5%20L%20538%20198%20L%20559%20157%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22245.26698572465833%2C245.26698572465833%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20245.249%3B%20stroke-dasharray%3A%20245.249%3B%20animation%3A%20800ms%20linear%206000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-8)%22%20d%3D%22M%20182.3%20-12.7%20L%20268%2073%20L%20676%2099%20L%20739%2085%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22594.5776066604728%2C594.5776066604728%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20594.562%3B%20stroke-dasharray%3A%20594.562%3B%20animation%3A%20800ms%20linear%207000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
98 learners practiced this
A plan (啚) drawn within boundaries (囗) — a map or diagram representing a confined area.
Download and print worksheets to practice writing 图
HSK words that contain this character.
Real-world example sentences demonstrating how 图 is used in context
attempt; seek; try
图书
tú shū
books (in a library or bookstore)
图像
tú xiàng
image; picture; graphic
图形
tú xíng
Shape / figure
图片
tú piàn
picture; photograph
图画
tú huà
drawing
图纸
tú zhǐ
Blueprint / drawing
图表
tú biǎo
chart
插图
chā tú
Illustration / Drawing
蓝图
lán tú
Blueprint
I often go to the library to read books.
I need a map for navigation.
This map clearly marks the route.
This picture is very beautiful.
Explore characters by relationship
