Convierte instantáneamente archivos SVG en componentes frontend listos para producción con soporte para currentColor.
Source size: 24 x 24 px (aspect ratio 1.000)
100% Private & Secure - Your data is never shared or stored anywhere.
Genera componentes frontend limpios, modernos y accesibles a partir de tus vectores SVG en milisegundos.
Enjoy 3 free conversions with no signup required. When you're ready for more, create a free account to unlock unlimited access.
Arrastra tu archivo .svg al área de trabajo o pega el código SVG directamente.
Selecciona React (TSX/JSX), Vue 3, Svelte, Tailwind o React Native y personaliza el nombre.
Copia el código limpio en 1 clic o descarga el archivo del componente listo para usar.
CrushSVG procesa el SVG directamente en tu navegador, convierte atributos a camelCase de JSX y genera un componente tipado y reutilizable.
¡Sí! Los componentes generados son compatibles con Next.js (App Router), Vite, Astro y Remix.
Reemplaza los colores fijos con currentColor para que el icono herede dinámicamente las clases de color de Tailwind CSS (como text-blue-500).
No. Todo el procesamiento se realiza 100% en tu navegador de forma privada y segura.
