Transforme instantaneamente arquivos SVG em componentes frontend prontos para produção com suporte a currentColor.
Source size: 24 x 24 px (aspect ratio 1.000)
100% Private & Secure - Your data is never shared or stored anywhere.
Gere componentes frontend limpos, modernos e acessíveis a partir dos seus arquivos SVG em milissegundos.
Enjoy 3 free conversions with no signup required. When you're ready for more, create a free account to unlock unlimited access.
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.
