Watch each stroke animate in order, then practice the same sequence by hand.
.%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%20308%20478%20Q%20256%20478%20213%20478%20Q%20180%20478%20198%20498%20Q%20274%20622%20347%20712%20Q%20362%20730%20359%20737%20Q%20358%20752%20319%20783%20Q%20303%20798%20285%20794%20Q%20273%20791%20279%20776%20Q%20295%20734%20198%20564%20Q%20177%20525%20133%20488%20Q%20114%20475%20115%20462%20Q%20119%20443%20133%20425%20Q%20143%20415%20156%20421%20Q%20181%20434%20271%20450%20Q%20278%20451%20287%20451%20C%20317%20453%20338%20478%20308%20478%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20287%20451%20Q%20185%20324%20165%20314%20Q%20152%20305%20154%20291%20Q%20155%20278%20181%20259%20Q%20191%20247%20206%20259%20Q%20275%20307%20386%20343%20Q%20405%20349%20407%20357%20Q%20410%20367%20390%20363%20Q%20326%20351%20250%20328%20Q%20226%20319%20241%20339%20Q%20284%20397%20386%20512%20Q%20414%20549%20440%20569%20Q%20453%20578%20447%20588%20Q%20437%20607%20405%20627%20Q%20389%20637%20380%20634%20Q%20370%20631%20372%20616%20Q%20375%20574%20308%20478%20L%20287%20451%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20126%20139%20Q%20113%20135%20112%20124%20Q%20112%20111%20124%20103%20Q%20151%2090%20188%2075%20Q%20200%2074%20211%2084%20Q%20241%20115%20387%20212%20Q%20408%20225%20422%20242%20Q%20435%20252%20433%20262%20Q%20426%20266%20414%20262%20Q%20308%20210%20173%20150%20Q%20155%20143%20126%20139%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20622%20528%20Q%20745%20567%20750%20571%20Q%20757%20580%20752%20588%20Q%20745%20600%20714%20604%20Q%20683%20608%20653%20592%20Q%20634%20585%20614%20576%20L%20573%20562%20Q%20530%20549%20478%20539%20Q%20441%20529%20470%20515%20Q%20513%20496%20570%20513%20Q%20574%20514%20582%20516%20L%20622%20528%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20653%20396%20Q%20696%20411%20805%20434%20Q%20815%20434%20824%20448%20Q%20824%20461%20799%20469%20Q%20757%20485%20686%20455%20Q%20664%20448%20642%20439%20L%20602%20426%20Q%20563%20416%20531%20408%20Q%20494%20401%20453%20390%20Q%20425%20383%20449%20368%20Q%20486%20344%20515%20355%20Q%20558%20370%20613%20385%20L%20653%20396%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20693%20174%20Q%20741%2069%20834%20-5%20Q%20892%20-53%20921%20-51%20Q%20940%20-47%20934%20-19%20Q%20930%2033%20935%20187%20Q%20935%20209%20927%20211%20Q%20920%20210%20914%20189%20Q%20899%20143%20887%20106%20Q%20874%2066%20860%2065%20Q%20847%2064%20821%2086%20Q%20767%20138%20725%20209%20L%20700%20260%20Q%20673%20321%20653%20396%20L%20642%20439%20Q%20630%20485%20622%20528%20L%20614%20576%20Q%20599%20663%20607%20746%20Q%20617%20786%20564%20805%20Q%20530%20818%20511%20811%20Q%20492%20804%20501%20785%20Q%20547%20748%20548%20714%20Q%20560%20632%20573%20562%20L%20582%20516%20Q%20591%20468%20602%20426%20L%20613%20385%20Q%20628%20316%20670%20223%20L%20693%20174%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20670%20223%20Q%20664%20219%20659%20212%20Q%20598%20146%20451%2069%20Q%20442%2063%20448%2059%20Q%20475%2044%20588%20100%20Q%20646%20125%20687%20169%20Q%20688%20172%20693%20174%20L%20725%20209%20Q%20752%20242%20782%20286%20Q%20798%20308%20817%20329%20Q%20827%20336%20824%20348%20Q%20820%20358%20794%20382%20Q%20775%20398%20765%20398%20Q%20752%20397%20750%20382%20Q%20746%20328%20700%20260%20L%20670%20223%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20696%20731%20Q%20724%20706%20754%20676%20Q%20767%20663%20781%20664%20Q%20791%20664%20797%20677%20Q%20801%20690%20794%20719%20Q%20790%20740%20758%20755%20Q%20686%20785%20672%20779%20Q%20668%20775%20668%20763%20Q%20671%20753%20696%20731%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%20217.3%20853.7%20L%20303%20768%20L%20317%20735%20L%20207%20542%20L%20167%20486%20L%20161%20463%20L%20184%20458%20L%20258%20461%20L%20292%20469%20L%20299%20477%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%22614.9514136788646%2C614.9514136788646%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20614.936%3B%20stroke-dasharray%3A%20614.936%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%20338.3%20709.4%20L%20404%20585%20L%20340%20488%20L%20224%20348%20L%20217%20310%20L%20250%20308%20L%20399%20357%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%22667.2805264138576%2C667.2805264138576%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20667.258%3B%20stroke-dasharray%3A%20667.258%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%2029.5%20132%20L%20189%20116%20L%20428%20258%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%22438.30105228205844%2C438.30105228205844%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20438.302%3B%20stroke-dasharray%3A%20438.302%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%20372.6%20545.9%20L%20493%20524%20L%20543%20529%20L%20683%20576%20L%20719%20582%20L%20744%20579%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%22381.96469498952047%2C381.96469498952047%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20381.98%3B%20stroke-dasharray%3A%20381.98%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%20349.1%20382.7%20L%20503%20377%20L%20719%20441%20L%20779%20452%20L%20813%20449%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%22474.4511661214368%2C474.4511661214368%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20474.42%3B%20stroke-dasharray%3A%20474.42%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%20421.9%20834.1%20L%20547%20781%20L%20573%20757%20L%20588%20601%20L%20606%20496%20L%20645%20345%20L%20685%20240%20L%20756%20116%20L%20803%2062%20L%20851%2028%20L%20883%2021%20L%20895%2043%20L%20913%20112%20L%20927%20205%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%221199.2704268296243%2C1199.2704268296243%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%201199.33%3B%20stroke-dasharray%3A%201199.33%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%20727.3%20475.2%20L%20779%20352%20L%20777%20335%20L%20745%20280%20L%20691%20208%20L%20644%20163%20L%20596%20129%20L%20514%2084%20L%20453%2063%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%22586.305080852638%2C586.305080852638%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20586.298%3B%20stroke-dasharray%3A%20586.298%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%20592.6%20828.2%20L%20750%20724%20L%20780%20682%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%22240.36641635676273%2C240.36641635676273%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20240.379%3B%20stroke-dasharray%3A%20240.379%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)
74 learners have practiced this character
Threads (纟) are fine and slender (戋) — thread, line, or wire.
Download and print worksheets to practice writing 线
HSK words that contain this character.
Real-world example sentences demonstrating how 线 is used in context
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
He is online now and can reply to messages.
She sewed my clothes with a red thread.
Please draw a straight line connecting two points.
This route goes to the city center.
