JSFiddle - React, Tailwind, and code Playground

by bje

HTML

<svg xmlns:svg="http://www.w3.org/2000/svg" width="50" height="200">
    <defs>
        <linearGradient id="linearGradient2249">
            <stop style="stop-color:#483737;stop-opacity:1;" offset="0"/>
            <stop style="stop-color:#483737;stop-opacity:0.1;" offset="1"/>
        </linearGradient>
    </defs>
    <text x="25"
       y="175" font-size="41px" font-family="serif" font-weight="normal" font-style="italic"
    transform="rotate(-90 40 180)" stroke="none" fill="url(#linearGradient2249)">/ælʤəbrəz/</text>
</svg>