forma orgânica css
Às vezes o mais prático não é importar um arquivo `.svg`, é colar uma declaração CSS pronta direto na folha de estilos. Esta página já abre o gerador em modo blob com o formato de exportação "CSS" selecionado.
Sem arquivo `.svg` adicional no projeto, sem requisição de rede extra, funciona igual num CSS Module ou numa folha de estilo global.
Reduzir a precisão numérica antes de exportar em CSS encurta a URI, útil quando o `background-image` acaba inline no HTML.
Porque um blob aleatório sem seed é impossível de recuperar: se você gostou da forma e recarregou a página, ela some. Com seed, a mesma string sempre reconstrói exatamente o mesmo blob, então você pode anotar a seed, colar num link ou versionar no código, e o resultado visual nunca muda.
Não, a cor fica embutida dentro do próprio SVG codificado na data URI, trocar uma variável CSS do tema não afeta esse fundo. Para uma forma que responda a `currentColor` ou a variáveis CSS, use a exportação em SVG ou JSX, que insere um `<path fill="...">` real e editável no DOM.
Não, o gerador já faz o URL-encoding necessário (incluindo aspas, parênteses e o caractere `#` que aparece em referências de gradiente), o snippet copiado é colado direto no seletor sem nenhum ajuste manual.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400" role="img" aria-label="Blob shape"><path d="M 352.17,200 C 355.46,225.37 328.99,318.97 308.58,336.16 C 288.18,353.35 188.12,367.37 163.79,358.67 C 139.46,349.97 96.78,281.1 84,255.86 C 71.21,230.63 36.55,146.48 45.76,125.72 C 54.98,104.97 143.85,66.87 169.03,64.29 C 194.21,61.72 258.36,87.24 278.2,101.94 C 298.04,116.65 348.87,174.63 352.17,200 Z" fill="#3DDC97"/></svg>O SVG é gerado inteiramente no navegador, a partir da seed. Nada do que você desenha aqui sai do seu dispositivo.