Add Toki Pona SVG.

src/pages/settings/assets/toki_pona.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="468pt" height="617pt" viewBox="0 0 468 617"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.5, written by Peter Selinger 2001-2004
+</metadata>
+<g transform="translate(0,617) scale(0.709091,-0.709091)"
+fill="#000099" stroke="none">
+<path fill="#000099" stroke="none" d="M302 838 c-14 -14 -16 -126 -3 -147 5
+-8 16 -11 25 -8 12 5 16 21 16 71 0 89 -10 112 -38 84z"/>
+<path fill="#000099" stroke="none" d="M521 775 c-27 -57 -32 -108 -10 -113
+18 -3 84 122 75 144 -11 30 -44 15 -65 -31z"/>
+<path fill="#000099" stroke="none" d="M34 797 c-8 -22 59 -158 76 -154 38 7
+-11 167 -51 167 -11 0 -22 -6 -25 -13z"/>
+<path fill="#000099" stroke="none" d="M254 590 c-50 -7 -128 -52 -175 -100
+-98 -100 -65 -346 57 -423 63 -40 107 -50 200 -44 125 7 212 62 275 172 53 92
+32 220 -51 317 -62 71 -170 99 -306 78z"/>
+<path fill="#ffff63" stroke="none" d="M443 539 c47 -13 112 -70 138 -120 24
+-48 26 -147 3 -190 -22 -43 -82 -108 -117 -125 -137 -71 -277 -55 -351 41 -39
+52 -51 92 -51 175 1 77 19 113 82 161 80 63 198 86 296 58z"/>
+<path fill="#000099" stroke="none" d="M462 367 c-5 -7 -15 -28 -21 -48 -21
+-67 -100 -120 -144 -98 -30 15 -65 56 -88 102 -21 40 -51 48 -57 14 -5 -26 53
+-111 96 -141 89 -62 204 -7 252 119 15 40 -15 81 -38 52z"/>
+</g>
+</svg>

src/pages/settings/panes/Languages.tsx

@@ -13,6 +13,7 @@ import {
 import Emoji from "../../../components/common/Emoji";
 import Checkbox from "../../../components/ui/Checkbox";
 import Tip from "../../../components/ui/Tip";
+import tokiponaSVG from "../assets/toki_pona.svg";
 
 type Props = {
     locale: Language;
@@ -35,7 +36,11 @@ function Entry({ entry: [x, lang], locale }: { entry: Key } & Props) {
                 }
             }}>
             <div className={styles.flag}>
+                {lang.emoji === "🙂" ? (
+                    <img src={tokiponaSVG} width={42} />
+                ) : (
                     <Emoji size={42} emoji={lang.emoji} />
+                )}
             </div>
             <span className={styles.description}>{lang.display}</span>
         </Checkbox>