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%20477%20795%20Q%20502%20776%20527%20752%20Q%20542%20740%20558%20742%20Q%20568%20743%20573%20756%20Q%20577%20772%20566%20801%20Q%20554%20831%20470%20843%20Q%20454%20846%20448%20843%20Q%20444%20839%20445%20826%20Q%20449%20816%20477%20795%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20636%20659%20Q%20648%20662%20664%20664%20Q%20724%20676%20733%20683%20Q%20743%20690%20739%20700%20Q%20732%20712%20702%20721%20Q%20675%20727%20566%20697%20Q%20422%20667%20320%20661%20Q%20283%20657%20308%20638%20Q%20353%20611%20407%20622%20Q%20495%20637%20589%20651%20L%20636%20659%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20357%20544%20Q%20384%20490%20407%20474%20Q%20417%20470%20428%20478%20Q%20435%20487%20437%20500%20Q%20434%20536%20375%20572%20Q%20363%20579%20354%20578%20Q%20350%20578%20349%20568%20Q%20348%20558%20357%20544%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20570%20471%20Q%20612%20540%20625%20567%20Q%20635%20588%20654%20613%20Q%20667%20625%20660%20635%20Q%20653%20647%20636%20659%20C%20612%20677%20584%20681%20589%20651%20Q%20598%20618%20544%20487%20Q%20540%20477%20537%20466%20C%20529%20437%20554%20445%20570%20471%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20537%20466%20Q%20524%20466%20511%20463%20Q%20333%20441%20122%20416%20Q%2098%20415%20116%20395%20Q%20152%20362%20192%20372%20Q%20444%20441%20912%20442%20Q%20934%20442%20939%20452%20Q%20946%20465%20927%20480%20Q%20861%20529%20800%20509%20Q%20706%20491%20570%20471%20L%20537%20466%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20385%20329%20Q%20367%20347%20335%20344%20Q%20322%20340%20328%20328%20Q%20373%20243%20338%2087%20Q%20313%2023%20347%20-16%20Q%20354%20-29%20364%20-23%20Q%20371%20-16%20379%203%20L%20389%2035%20Q%20395%2068%20396%20159%20L%20396%20188%20Q%20397%20273%20399%20296%20C%20400%20317%20400%20317%20385%20329%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20563%2016%20Q%20591%20-21%20612%20-55%20Q%20622%20-74%20632%20-73%20Q%20648%20-72%20665%20-38%20Q%20683%20-1%20680%2046%20Q%20673%20122%20667%20261%20Q%20666%20292%20682%20314%20Q%20692%20327%20682%20337%20Q%20664%20356%20612%20380%20Q%20594%20389%20579%20380%20Q%20513%20350%20385%20329%20C%20355%20324%20370%20290%20399%20296%20Q%20582%20332%20592%20329%20Q%20595%20328%20599%20325%20Q%20626%20298%20608%2050%20Q%20604%2037%20594%2037%20C%20573%2016%20559%2022%20563%2016%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20396%20159%20Q%20400%20159%20405%20159%20Q%20487%20171%20550%20178%20Q%20574%20182%20565%20196%20Q%20555%20212%20527%20216%20Q%20500%20220%20396%20188%20C%20367%20179%20366%20159%20396%20159%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-9%22%3E%3Cpath%20d%3D%22M%20379%203%20Q%20389%20-1%20403%202%20Q%20455%2012%20563%2016%20C%20593%2017%20614%2018%20594%2037%20Q%20587%2044%20570%2057%20Q%20554%2066%20523%2059%20Q%20450%2044%20389%2035%20C%20359%2031%20350%2011%20379%203%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%20365.9%20886.1%20L%20531%20793%20L%20555%20760%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%22230.35886423515876%2C230.35886423515876%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20230.345%3B%20stroke-dasharray%3A%20230.345%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%20215.2%20675.9%20L%20347%20642%20L%20396%20644%20L%20643%20689%20L%20695%20697%20L%20727%20695%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%22520.9193746215285%2C520.9193746215285%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20520.871%3B%20stroke-dasharray%3A%20520.871%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%20293.8%20646.7%20L%20404%20515%20L%20414%20490%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%22198.62659111664593%2C198.62659111664593%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20198.649%3B%20stroke-dasharray%3A%20198.649%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%20526.3%20719.7%20L%20622%20624%20L%20562%20487%20L%20542%20470%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%22311.1668444398403%2C311.1668444398403%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20311.152%3B%20stroke-dasharray%3A%20311.152%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%2019.3%20421.9%20L%20180%20396%20L%20448%20438%20L%20816%20477%20L%20892%20471%20L%20925%20459%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%22915.4837357592035%2C915.4837357592035%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20915.456%3B%20stroke-dasharray%3A%20915.456%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%20256%20394%20L%20364%20313%20L%20374%20258%20L%20375%20181%20L%20356%2022%20L%20358%20-13%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%22463.0964851672316%2C463.0964851672316%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20463.096%3B%20stroke-dasharray%3A%20463.096%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%20313.3%20384.7%20L%20412%20315%20L%20597%20356%20L%20624%20341%20L%20643%20321%20L%20644%2048%20L%20631%20-1%20L%20632%20-59%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%22750.4761758331163%2C750.4761758331163%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20750.497%3B%20stroke-dasharray%3A%20750.497%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%20327.3%2098.4%20L%20413%20177%20L%20508%20195%20L%20554%20190%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%22259.2399888150393%2C259.2399888150393%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20259.247%3B%20stroke-dasharray%3A%20259.247%3B%20animation%3A%20800ms%20linear%207000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-9)%22%20d%3D%22M%20299.4%20-43%20L%20412%2022%20L%20549%2039%20L%20586%2038%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%22305.08088840493355%2C305.08088840493355%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20305.079%3B%20stroke-dasharray%3A%20305.079%3B%20animation%3A%20800ms%20linear%208000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
146 learners practiced this
Download and print worksheets to practice writing 音
HSK words that contain this character.
Real-world example sentences demonstrating how 音 is used in context
He recorded a sound with his phone.
fā yīn
to pronounce; pronunciation
A strange sound came from outside.
I like listening to music to relax.
