Transforme instantaneamente arquivos SVG em componentes frontend prontos para produção com suporte a currentColor.
Tamanho original: 24 x 24 px (aspect ratio 1.000)
100% Privado e Seguro - Os seus dados nunca são partilhados nem armazenados.
Gere componentes frontend limpos, modernos e acessíveis a partir dos seus arquivos SVG em milissegundos.
Aproveite 3 conversões gratuitas sem necessidade de registo. Quando precisar de mais, crie uma conta gratuita para desbloquear o acesso ilimitado.
Crie uma conta gratuita para continuar a converter. Nunca é necessário cartão de crédito.
A sua sessão e os seus ficheiros estão seguros. Permanecem nesta sessão até concluir o registo.
Arraste seu arquivo .svg ou cole o código SVG diretamente.
Selecione React (TSX/JSX), Vue 3, Svelte ou Tailwind e personalize o nome.
Copie o código em 1 clique ou baixe o arquivo de componente pronto para produção.
O CrushSVG processa o SVG no navegador, converte atributos para camelCase e cria um componente React tipado.
Sim! Os componentes são 100% compatíveis com Next.js, Vite, Remix e Astro.
Substitui cores fixas por currentColor, permitindo que o ícone herde cores de classes Tailwind (ex: text-blue-500).
Não, todo o processamento acontece localmente no seu navegador com total privacidade.