O que é Conversor SVG para React?
O Conversor SVG para React do Quorify transforma o código bruto de um SVG, daqueles que vêm do Figma, do Illustrator ou de um pacote de ícones, em um componente React pronto para importar no seu projeto. Quando você exporta um ícone, ele costuma chegar com atributos em kebab-case como stroke-width e fill-rule, comentários do editor e dimensões fixas. Colar isso direto no JSX gera erro, porque o React espera atributos em camelCase (strokeWidth, fillRule). A ferramenta faz essa tradução para você: converte os atributos para o formato que o JSX entende, remove comentários, declaração XML e tags executáveis e envolve o markup em um componente funcional reutilizável, com props de tamanho, cor e título. Elementos como <metadata> e IDs gerados pelo editor continuam no código — para limpá-los, passe o SVG antes por um otimizador. O resultado pode ser colado num arquivo .jsx ou .tsx e usado como qualquer outro componente. A conversão roda inteiramente no navegador. Seu SVG, que pode ser parte da identidade visual de um produto ainda não lançado, nunca é enviado a nenhum servidor externo. Para quem monta uma biblioteca de ícones ou um design system em React, é uma forma rápida de padronizar a entrada de cada novo vetor sem depender de plugins de build.