Skip to content

Instantly share code, notes, and snippets.

@ermogenes
Created November 7, 2022 20:06
Show Gist options
  • Save ermogenes/6405d720d159ac32a990f99465da76d8 to your computer and use it in GitHub Desktop.
Save ermogenes/6405d720d159ac32a990f99465da76d8 to your computer and use it in GitHub Desktop.
Dicas para salvar um SVG corretamente no Inkscape

SVG para web no Inkscape

Desenhe normalmente.

Elimine os espaços em branco com Editar > Ajusta página à seleção.

Salve o arquivo mais limpo possível usando as opções de Arquivo > Salvar como... > SVG Otimizado.

Edite o arquivo gerado. Em <svg> substituir width="x" e height="y" por viewBox="0 0 x y".

Caso queira usar CSS para mudar as cores, mude fill="red" por fill="currentColor". Estilize fazendo algo como svg { color: red }. Use uma classe em <svg> caso haja mais de uma no mesmo escopo.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment