Sobre esta ferramenta
Cole marcação SVG bruta e obtenha uma data URI que você pode colar direto em CSS ou HTML. A ferramenta produz duas codificações e tudo é gerado no seu navegador, então nada é enviado.
A saída codificada em URL troca aspas duplas por aspas simples, executa encodeURIComponent e, em seguida, restaura alguns caracteres seguros (espaço, dois-pontos, barra, igual) para mantê-la compacta e legível. A saída base64 codifica o SVG em UTF-8 e o passa por btoa, gerando data:image/svg+xml;base64,… . Uma comparação de bytes mostra qual codificação é menor; para a maioria dos ícones a forma codificada em URL vence.
Ative a minificação para remover comentários e reduzir o espaço em branco entre as tags antes de codificar. Copie a linha background-image para CSS ou a linha <img src> para HTML. Observe que aspas dentro do SVG são normalizadas para aspas simples para que a data URI possa ser envolvida com aspas duplas com segurança.