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%20533%20568%20Q%20629%20577%20863%20577%20Q%20885%20577%20891%20586%20Q%20898%20599%20879%20616%20Q%20816%20661%20776%20651%20Q%20685%20633%20535%20610%20L%20475%20602%20Q%20328%20586%20159%20565%20Q%20134%20564%20152%20543%20Q%20168%20527%20189%20521%20Q%20213%20514%20231%20520%20Q%20339%20548%20461%20561%20Q%20468%20562%20476%20562%20L%20533%20568%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20523%20416%20Q%20527%20495%20533%20568%20L%20535%20610%20Q%20538%20721%20557%20776%20Q%20561%20789%20537%20805%20Q%20497%20826%20469%20831%20Q%20451%20835%20442%20824%20Q%20433%20815%20443%20799%20Q%20468%20765%20468%20742%20Q%20472%20675%20475%20602%20L%20476%20562%20Q%20476%20490%20476%20409%20C%20476%20379%20521%20386%20523%20416%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20476%20409%20Q%20391%20399%20292%20385%20Q%20273%20384%20287%20367%20Q%20300%20354%20318%20348%20Q%20337%20344%20353%20347%20Q%20470%20377%20727%20377%20Q%20746%20377%20751%20386%20Q%20755%20396%20740%20410%20Q%20686%20452%20625%20434%20Q%20582%20427%20523%20416%20L%20476%20409%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20341%20241%20Q%20328%20248%20286%20257%20Q%20273%20261%20269%20255%20Q%20262%20248%20271%20231%20Q%20305%20158%20323%2037%20Q%20326%201%20346%20-23%20Q%20365%20-48%20372%20-30%20Q%20378%20-12%20376%2018%20L%20370%2057%20Q%20351%20166%20348%20205%20C%20345%20235%20345%20239%20341%20241%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20683%2086%20Q%20716%20185%20753%20210%20Q%20772%20231%20757%20251%20Q%20738%20267%20680%20297%20Q%20661%20306%20636%20297%20Q%20519%20255%20341%20241%20C%20311%20239%20318%20201%20348%20205%20Q%20351%20205%20607%20244%20Q%20635%20250%20646%20237%20Q%20656%20227%20653%20206%20Q%20641%20142%20626%2090%20C%20618%2061%20673%2058%20683%2086%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20376%2018%20Q%20383%2018%20393%2019%20Q%20490%2035%20700%2042%20Q%20712%2043%20714%2053%20Q%20714%2062%20683%2086%20C%20669%2097%20656%2095%20626%2090%20Q%20482%2065%20370%2057%20C%20340%2055%20346%2017%20376%2018%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%2056.5%20571.3%20L%20212%20544%20L%20410%20576%20L%20793%20615%20L%20879%20593%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%22832.1896183139577%2C832.1896183139577%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20832.197%3B%20stroke-dasharray%3A%20832.197%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%20377.6%20874.1%20L%20509%20770%20L%20501%20441%20L%20483%20417%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%22526.7212103152625%2C526.7212103152625%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20526.736%3B%20stroke-dasharray%3A%20526.736%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%20190.8%20388.6%20L%20345%20369%20L%20651%20408%20L%20684%20407%20L%20740%20391%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%22555.1749748954778%2C555.1749748954778%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20555.172%3B%20stroke-dasharray%3A%20555.172%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%20202.1%20312.1%20L%20313%20217%20L%20360%20-24%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%22391.6379430243305%2C391.6379430243305%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20391.632%3B%20stroke-dasharray%3A%20391.632%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%20267.1%20152.2%20L%20370%20227%20L%20535%20248%20L%20624%20269%20L%20664%20267%20L%20702%20229%20L%20663%20116%20L%20634%2095%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%22634.1138079995193%2C634.1138079995193%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20634.125%3B%20stroke-dasharray%3A%20634.125%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%20293.8%20106.5%20L%20395%2039%20L%20622%2065%20L%20679%2064%20L%20704%2053%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%22434.4392145918784%2C434.4392145918784%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20434.452%3B%20stroke-dasharray%3A%20434.452%3B%20animation%3A%20800ms%20linear%205000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
50 learners have practiced this character
Download and print worksheets to practice writing 吉
Real-world example sentences demonstrating how 吉 is used in context
The wedding is filled with an auspicious atmosphere.
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
Let's choose an auspicious day to get married.
Spring Festival is an auspicious day.
