Convert text to SVG paths quickly and easily

Back

Drop Shadow

Drop shadow effect using feDropShadow filter

Drop Shadow
<svg viewBox="0 0 600 120">
    <defs>
        <filter id="ds">
            <feDropShadow dx="6" dy="6" stdDeviation="6" flood-color="#000" flood-opacity="0.6"/>
        </filter>
    </defs>
    <rect width="100%" height="100%" fill="#ffffff"/>
    <text x="50%" y="55%" font-size="44" text-anchor="middle" fill="#1e293b" filter="url(#ds)">Drop Shadow</text>
</svg>