JSFiddle - React, Tailwind, and code Playground

by unloco

HTML

<svg width="679" height="679" viewBox="0 0 679 679">
                    <defs>
                        
                        <filter id="texture9188" width="100%" height="100%">
                            <feImage href="https://dev.net/git/presta17_designer/designer/color/smallest.jpg" result="texture-img" width="24" height="24"></feImage>
                            <feTile in="texture-img" x="0" y="0" width="100%" height="100%" result="tile"></feTile>
                            <feComposite in2="SourceGraphic" operator="in" in="tile" result="composite"></feComposite>
                            <feBlend in="SourceGraphic" in2="composite" mode="multiply"></feBlend>
                        </filter>
                    </defs>

                    
                        
                            <g class="dsn-texture" filter="url(#texture9188)">
                                <image x="0" y="0" class="dsn-design-image" href="https://dev.net/git/presta17_designer/designer/user_upload/dsn_5c5d730716706.png" width="679" height="679"></image>
                            </g>

                </svg>