SVG Color Replacer

Sim. O SVG color replacer atualiza fill e stroke juntos para que contornos e preenchimentos permaneçam alinhados. Se você quiser alterar apenas um deles, duplique o arquivo e use SVG color replacer com opções diferentes para comparar os resultados. Para um tema consistente, escolha cores do mesmo conjunto de tokens usado na sua interface e teste em fundos claros e escuros.

`currentColor` faz o SVG herdar a cor CSS do elemento pai. O SVG color replacer pode trocar todas as cores sólidas por `currentColor` para que os ícones respondam aos tokens de tema. Combine a saída com variáveis CSS para manter consistência entre componentes. Se você usar variáveis CSS, a saída herdará atualizações automaticamente sem editar o SVG de novo.

Sim. O SVG color replacer mantém valores `none` inalterados para que formas transparentes continuem transparentes. Se você vir fills inesperados, verifique estilos inline que sobrescrevem atributos antes de usar a ferramenta novamente. Se você depende de larguras de stroke para alinhamento, confira a prévia depois da substituição para confirmar que não houve mudança visual.

O SVG color replacer substitui apenas valores sólidos. Gradientes e patterns permanecem como definidos, preservando ilustrações complexas. Se você precisar editar gradientes, ajuste-os na ferramenta de design e depois rode SVG color replacer para os sólidos restantes. Patterns e gradientes costumam ter vários stops, então tratá-los na origem evita cores inconsistentes. Se quiser um visual unificado, ajuste as stop colors na ferramenta de design e exporte novamente.

Não. SVG color replacer roda localmente, então os arquivos nunca saem do seu dispositivo. Esse fluxo local é seguro para ícones de marca, interface de produto e bibliotecas de clientes, e funciona mesmo em políticas corporativas rígidas de rede. O processamento local também evita limites de tamanho impostos por serviços de upload.

Sim. Depois de usar SVG color replacer, rode a otimização para reduzir bytes. SVG color replacer altera apenas as cores, então otimização e minificação continuam valiosas para tamanho e performance, especialmente em conjuntos grandes de ícones. Faça uma prévia rápida após a otimização para confirmar que as bordas continuam nítidas e a transparência foi preservada.

Estilos inline são tratados da mesma forma que atributos, então cores sólidas são substituídas de forma consistente. Se você quiser mais controle, converta estilos em atributos no arquivo de origem antes de trocar as cores. Se os estilos estiverem em uma tag `style`, considere movê-los para inline primeiro para resultados mais previsíveis. Atributos de apresentação normalmente sobrescrevem estilos herdados, então vale manter um padrão na origem.

Esta ferramenta aplica uma única substituição a todas as cores sólidas. Se você precisar de mudanças seletivas, duplique o SVG e isole as cores no editor, depois aplique a substituição em cada versão. Para fluxos mais avançados, mantenha um SVG base e derive variantes com scripts de build ou classes CSS. Você também pode aplicar temas diferentes em tempo de execução trocando classes CSS.

Sim. SVG Color Replacer é grátis para usar no navegador. Não requer downloads nem instalação.

Não. SVG Color Replacer funciona instantaneamente no navegador sem cadastro, e os arquivos permanecem locais.