Text to SVG

Convert text to SVG paths quickly and easily

Back

Image Texture

Image texture fill effect

Texture 
<svg viewBox="0 0 600 120" preserveAspectRatio="xMidYMid slice">
    <defs>
        <pattern id="imgPat" patternUnits="objectBoundingBox" width="1" height="1">
            <image href="https://images.unsplash.com/photo-1506744038136-46273834b3fb?q=80&w=800&auto=format&fit=crop" width="600" height="120" preserveAspectRatio="xMidYMid slice"/>
        </pattern>
    </defs>
    <rect width="100%" height="100%" fill="#ffffff"/>
    <text x="50%" y="55%" text-anchor="middle" font-size="44" fill="url(#imgPat)">Texture</text>
</svg>