svg/colors_preview.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 470" width="830" height="470">
    <style>
        text {
            font-size: 20px;
            fill: black;
        }
        @media (prefers-color-scheme: dark) {
            text {
                fill: white;
            }
        }
    </style>
    <defs>
        <mask id="mask">
            <rect fill="white" x="0" y="0" width="48" height="48"/>
        </mask>
        <linearGradient id="dark-edge" y2="100%">
            <stop offset="45%" stop-color="black" stop-opacity="0"/>
            <stop offset="50%" stop-color="black" stop-opacity="0.8"/>
        </linearGradient>
        <linearGradient id="light-edge" y1="100%">
            <stop offset="50%" stop-color="white" stop-opacity="0.5"/>
            <stop offset="55%" stop-color="white" stop-opacity="0"/>
        </linearGradient>
        <linearGradient id="dark-edge-2" x1="100%" x2="0%" y1="100%">
            <stop offset="45%" stop-color="black" stop-opacity="0"/>
            <stop offset="50%" stop-color="black" stop-opacity="0.8"/>
        </linearGradient>
        <linearGradient id="light-edge-2" x1="100%" x2="0%" y2="100%">
            <stop offset="50%" stop-color="white" stop-opacity="0.5"/>
            <stop offset="55%" stop-color="white" stop-opacity="0"/>
        </linearGradient>
    </defs>
    <g transform="scale(2)">
        <g transform="translate(0, 4)">
            <g transform="translate(1.5, 24)">
                <path fill="#5a818a" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
            </g>
            <g transform="translate(53.5, 24)">
                <path fill="#ff9027" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#6fdaf9" stroke="black" stroke-width="0.2" d="M24-14a14 14 0 0 0-4.535.787A6.2 6.2 0 0 1 20.699-9.5 6.2 6.2 0 0 1 14.5-3.3a6.2 6.2 0 0 1-3.707-1.25A14 14 0 0 0 10 0a14 14 0 0 0 .793 4.55A6.2 6.2 0 0 1 14.5 3.3a6.2 6.2 0 0 1 6.2 6.2 6.2 6.2 0 0 1-1.25 3.707A14 14 0 0 0 24 14a14 14 0 0 0 4.55-.793A6.2 6.2 0 0 1 27.3 9.5a6.2 6.2 0 0 1 6.2-6.2 6.2 6.2 0 0 1 3.713 1.235A14 14 0 0 0 38 0a14 14 0 0 0-.77-4.568 6.2 6.2 0 0 1-3.73 1.267A6.2 6.2 0 0 1 27.3-9.5a6.2 6.2 0 0 1 1.268-3.73A14 14 0 0 0 24-14"/>
            </g>
            <g transform="translate(105.5, 24)">
                <path fill="#f95da8" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#78d4f0" stroke="black" stroke-width="0.2" d="M10 5a9 9 0 0 1 9 9h10a9 9 0 0 1 9-9V-5a9 9 0 0 1-9-9H19a9 9 0 0 1-9 9zM24-7l7 7-7 7-7-7z"/>
            </g>
            <g transform="translate(157.5, 24)">
                <path fill="#38b54c" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#116192" stroke="black" stroke-width="0.2" d="M18.615-13 11-5.385v10.77L18.615 13h10.77L37 5.385v-10.77L29.385-13zM24-7a7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 7-7"/>
            </g>
            <g transform="translate(209.5, 24)">
                <path fill="#0f6290" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#ffeb3d" stroke="black" stroke-width="0.2" d="M24-15a7 7 0 0 0-7 7 7 7 0 0 0 .09 1.088A7 7 0 0 0 16-7a7 7 0 0 0-7 7 7 7 0 0 0 7 7 7 7 0 0 0 1.092-.092A7 7 0 0 0 17 8a7 7 0 0 0 7 7 7 7 0 0 0 7-7 7 7 0 0 0-.088-1.09A7 7 0 0 0 32 7a7 7 0 0 0 7-7 7 7 0 0 0-7-7 7 7 0 0 0-1.092.092A7 7 0 0 0 31-8a7 7 0 0 0-7-7m0 9a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6"/>
            </g>
            <g transform="translate(261.5, 24)">
                <path fill="#8a2546" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#ff9126" stroke="black" stroke-width="0.2" d="M41 0a5 5 0 0 0-5-5 5 5 0 0 0-1.043.123 12 12 0 0 0-6.07-6.074A5 5 0 0 0 29-12a5 5 0 0 0-5-5 5 5 0 0 0-5 5 5 5 0 0 0 .123 1.043 12 12 0 0 0-6.08 6.08A5 5 0 0 0 12-5a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 1.049-.113 12 12 0 0 0 6.074 6.07A5 5 0 0 0 19 12a5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-.123-1.041 12 12 0 0 0 6.082-6.082A5 5 0 0 0 36 5a5 5 0 0 0 5-5zm-7 0-6 4-4 6-4-6-6-4 6-4 4-6 4 6z"/>
            </g>
            <g transform="translate(313.5, 24)">
                <path fill="#b44d6f" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#2ab669" stroke="black" stroke-width="0.2" d="M24-14A14 14 0 0 0 10 0a14 14 0 0 0 14 14A14 14 0 0 0 38 0a14 14 0 0 0-14-14zm4 14 5 5-4 4-5-5-5 5-4-4 5-5-5-5 4-4 5 5 5-5 4 4z"/>
            </g>
            <g transform="translate(365.5, 24)">
                <path fill="#27b563" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#ff933e" stroke="black" stroke-width="0.2" d="M6,0 l6,-6 l9,3 l-3,-9 l6,-6 l6,6 l-3,9 l9,-3 l6,6 l-6,6 l-9,-3 l3,9 l-6,6 l-6,-6 l3,-9 l-9,3 z"/>
            </g>
        </g>
        <g transform="translate(0, 84)">
            <g transform="translate(1.5, 24)">
                <path fill="#b34d6f" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#f9e758" stroke="black" stroke-width="0.2" d="M20.85-5.456 24-14l3.15 8.544L36.124-7 30.3 0l5.824 7-8.974-1.544L24 14l-3.15-8.544L11.876 7 17.7 0l-5.824-7z"/>
            </g>
            <g transform="translate(53.5, 24)">
                <path fill="#48cff4" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#f964af" stroke="black" stroke-width="0.2" d="M7,0 l5,-5 l2,2 l7,-7 l-2,-2 l5,-5 l5,5 l-2,2 l7,7 l2,-2 l5,5 l-5,5 l-2,-2 l-7,7 l2,2 l-5,5 l-5,-5 l2,-2 l-7,-7 l-2,2 z"/>
            </g>
            <g transform="translate(105.5, 24)">
                <path fill="#fae857" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#2ab762" stroke="black" stroke-width="0.2" fill-rule="evenodd" d="M8,0 l16,-16 l16,16 l-16,16 z M16,0 l8,-8 l8,8 l-8,8 z"/>
            </g>
            <g transform="translate(157.5, 24)">
                <path fill="#48cff4" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#fb65af" stroke="black" stroke-width="0.2" d="M6,0 l6,-6 l9,3 l-3,-9 l6,-6 l6,6 l-3,9 l9,-3 l6,6 l-6,6 l-9,-3 l3,9 l-6,6 l-6,-6 l3,-9 l-9,3 z"/>
            </g>
            <g transform="translate(209.5, 24)">
                <path fill="#feeb3d" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#07618e" stroke="black" stroke-width="0.2" d="M7,0 l5,-5 l2,2 l7,-7 l-2,-2 l5,-5 l5,5 l-2,2 l7,7 l2,-2 l5,5 l-5,5 l-2,-2 l-7,7 l2,2 l-5,5 l-5,-5 l2,-2 l-7,-7 l-2,2 z"/>
            </g>
            <g transform="translate(261.5, 24)">
                <path fill="#ff943d" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#7e5aa7" stroke="black" stroke-width="0.2" d="M20.85-5.456 24-14l3.15 8.544L36.124-7 30.3 0l5.824 7-8.974-1.544L24 14l-3.15-8.544L11.876 7 17.7 0l-5.824-7z"/>
            </g>
            <g transform="translate(313.5, 24)">
                <path fill="#136891" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#ff9135" stroke="black" stroke-width="0.2" d="M24-17a5 5 0 0 0-5 5 5 5 0 0 0 2 3.984V-3h-5.002A5 5 0 0 0 12-5a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 3.984-2H21v5.016A5 5 0 0 0 19 12a5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-2-3.998V3h5.016A5 5 0 0 0 36 5a5 5 0 0 0 5-5 5 5 0 0 0-5-5 5 5 0 0 0-3.984 2H27v-5.016A5 5 0 0 0 29-12a5 5 0 0 0-5-5"/>
            </g>
            <g transform="translate(365.5, 24)">
                <path fill="#0f6290" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#63d4f1" stroke="black" stroke-width="0.2" fill-rule="evenodd" d="M8,0 l16,-16 l16,16 l-16,16 z M16,0 l8,-8 l8,8 l-8,8 z"/>
            </g>
        </g>
        <g transform="translate(0, 164)">
            <g transform="translate(1.5, 24)">
                <path fill="#f865ae" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#ffeb3d" stroke="black" stroke-width="0.2" d="M7,0 l5,-5 l2,2 l7,-7 l-2,-2 l5,-5 l5,5 l-2,2 l7,7 l2,-2 l5,5 l-5,5 l-2,-2 l-7,7 l2,2 l-5,5 l-5,-5 l2,-2 l-7,-7 l-2,2 z"/>
            </g>
            <g transform="translate(53.5, 24)">
                <path fill="#136891" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#f95da8" stroke="black" stroke-width="0.2" d="M24-14A14 14 0 0 0 10 0a14 14 0 0 0 14 14A14 14 0 0 0 38 0a14 14 0 0 0-14-14zm4 14 5 5-4 4-5-5-5 5-4-4 5-5-5-5 4-4 5 5 5-5 4 4z"/>
            </g>
            <g transform="translate(105.5, 24)">
                <path fill="#f964b0" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#fde859" stroke="black" stroke-width="0.2" d="M24-17a5 5 0 0 0-5 5 5 5 0 0 0 2 3.984V-3h-5.002A5 5 0 0 0 12-5a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 3.984-2H21v5.016A5 5 0 0 0 19 12a5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-2-3.998V3h5.016A5 5 0 0 0 36 5a5 5 0 0 0 5-5 5 5 0 0 0-5-5 5 5 0 0 0-3.984 2H27v-5.016A5 5 0 0 0 29-12a5 5 0 0 0-5-5"/>
            </g>
            <g transform="translate(157.5, 24)">
                <path fill="#7d59a6" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#aee9fa" stroke="black" stroke-width="0.2" d="M6,0 l6,-6 l9,3 l-3,-9 l6,-6 l6,6 l-3,9 l9,-3 l6,6 l-6,6 l-9,-3 l3,9 l-6,6 l-6,-6 l3,-9 l-9,3 z"/>
            </g>
            <g transform="translate(209.5, 24)">
                <path fill="#fae858" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#2bb7e8" stroke="black" stroke-width="0.2" d="M20.85-5.456 24-14l3.15 8.544L36.124-7 30.3 0l5.824 7-8.974-1.544L24 14l-3.15-8.544L11.876 7 17.7 0l-5.824-7z"/>
            </g>
            <g transform="translate(261.5, 24)">
                <path fill="#7e58a9" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#f9e857" stroke="black" stroke-width="0.2" d="M24-14A14 14 0 0 0 10 0a14 14 0 0 0 14 14A14 14 0 0 0 38 0a14 14 0 0 0-14-14zm4 14 5 5-4 4-5-5-5 5-4-4 5-5-5-5 4-4 5 5 5-5 4 4z"/>
            </g>
            <g transform="translate(313.5, 24)">
                <path fill="#30b75f" d="M0,0 L24,-24 L48,0 L24,24 Z"/>
                <path fill="url(#dark-edge)" d="M45,0 H48 L24,24 V21 z"/>
                <path fill="url(#light-edge)" d="M0,0 H3 L24,21 V24 z"/>
                <path fill="url(#dark-edge-2)" d="M0,0 H3 L24,-21 V-24 z"/>
                <path fill="url(#light-edge-2)" d="M45,0 H48 L24,-24 V-21 z"/>
                <path fill="#f663af" stroke="black" stroke-width="0.2" d="M24-17a5 5 0 0 0-5 5 5 5 0 0 0 2 3.984V-3h-5.002A5 5 0 0 0 12-5a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 3.984-2H21v5.016A5 5 0 0 0 19 12a5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-2-3.998V3h5.016A5 5 0 0 0 36 5a5 5 0 0 0 5-5 5 5 0 0 0-5-5 5 5 0 0 0-3.984 2H27v-5.016A5 5 0 0 0 29-12a5 5 0 0 0-5-5"/>
            </g>
        </g>
    </g>
    <text x="45" y="134">0</text>
    <text x="149" y="134">1</text>
    <text x="253" y="134">2</text>
    <text x="357" y="134">3</text>
    <text x="461" y="134">4</text>
    <text x="565" y="134">5</text>
    <text x="669" y="134">6</text>
    <text x="773" y="134">7</text>
    <text x="45" y="294">8</text>
    <text x="149" y="294">9</text>
    <text x="248" y="294">10</text>
    <text x="352" y="294">11</text>
    <text x="456" y="294">12</text>
    <text x="560" y="294">13</text>
    <text x="664" y="294">14</text>
    <text x="768" y="294">15</text>
    <text x="40" y="454">16</text>
    <text x="144" y="454">17</text>
    <text x="248" y="454">18</text>
    <text x="352" y="454">19</text>
    <text x="456" y="454">20</text>
    <text x="560" y="454">21</text>
    <text x="664" y="454">22</text>
</svg>