These are high-quality vector images in SVG format illustrating the stroke order of 35 of the 40 letters of the Korean alphabet known as Hangeul (한글). Stroke order diagrams for the five tense consonants were omitted because they are simply doubled versions of other consonantal letters.
These SVG files have had their elements labelled to permit customized styling using CSS. The arrows, circled numbers, and Hangeul letters can all be styled individually using CSS.
If you want to use these images in Anki as part of your Hangeul study strategy, I recommend that you paste the SVG code directly into Anki’s HTML editing mode (accessed using Ctrl + Shift + X). This will permit styling these graphics to display differently depending on whether Night Mode is enabled. For example, I am using the following CSS in my own Hangeul deck:
/* Color the SVG stroke order diagrams to match light/dark mode */
.jamo path { fill: #000 }
.stroke-number path { fill: #7e00cc }
path.order-arrow { fill: #bf80e6 }
.nightMode .jamo path { fill: #fff }
.nightMode .stroke-number path { fill: #ef8354 }
.nightMode path.order-arrow { fill: #f7c1aa }These images were originally created by Adam Stone using Inkscape. The fonts used are UnPen and Inter. The SVG code was optimized using Scour and subsequently manually edited.
This project is licensed under the CC BY-SA 4.0.