 viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
    <text y="20" font-size="medium">smaller</text>
    <textPath y="20" font-size="medium">smaller</textPath>
    <text x="100" y="20" font-size="2em">2em</text>
</svg>

<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg">
    <!-- Simple color fill -->
    <circle cx="50" cy="50" r="40" fill="pink" />

    <!-- Fill circle with a gradient -->
    <defs>
        <radialGradient id="myGradient">
            <stop offset="0%"   stop-color="pi