JSFiddle - React, Tailwind, and code Playground

by unloco

HTML

<svg class="dsn-design-text dsn-design-item dsn-wrapped" preserveAspectRatio="none" viewBox="0 -275.3599853515625 511.0199890136719 342.7200012207031" width="511.0199890136719" height="342.7200012207031">
                    <defs>
                        <pattern id="texture2192" patternUnits="userSpaceOnUse" x="0" y="0" width="256" height="256">
                            <image href="https://dev.net/git/presta17_designer/designer/color/small.jpg" width="256" height="256"></image>
                        </pattern>
                    </defs>

                    <text class="dsn-text-value" font-size="300" font-family="'Arial'" fill="url(#texture2192) #FFFFFF" x="0" y="0" text-anchor="middle" stroke="#ff0000" stroke-width="0px" stroke-opacity="1" fill-opacity="1"><tspan x="50%" dy="0">‎123‎</tspan></text>
                </svg>

CSS

body{background: #000}