design
Gratuito
Sem cadastro
Conversor de SVG para Fundo CSS
Converta marcação SVG em uma URI de dados CSS background-image — codificada por URL ou base64.
Carregando ferramenta…
Sobre esta ferramenta
Cole qualquer marcação SVG e obtenha instantaneamente a declaração CSS background-image nos formatos codificado por URL e base64. A ferramenta minifica o SVG antes de codificá-lo para manter o tamanho do arquivo pequeno e mostra uma prévia ao vivo do SVG renderizado como fundo CSS. Inclui 20 predefinições de ícones comuns para você começar rapidamente.
Como usar
- 1 Passo 1: Cole seu código SVG na área de entrada, ou escolha um dos ícones predefinidos.
- 2 Passo 2: A ferramenta minifica o SVG e gera snippets CSS codificados por URL e base64.
- 3 Passo 3: Visualize o SVG renderizado como fundo no retângulo de amostra.
- 4 Passo 4: Clique em Copiar no snippet CSS preferido e cole-o na sua folha de estilos.