Convierte instantáneamente archivos SVG en componentes frontend listos para producción con soporte para currentColor.
Tamaño original: 24 x 24 px (aspect ratio 1.000)
100% Privado y Seguro - Tus datos nunca se comparten ni se almacenan en ningún lugar.
Genera componentes frontend limpios, modernos y accesibles a partir de tus vectores SVG en milisegundos.
Disfruta de 3 conversiones gratis sin necesidad de registrarte. Cuando quieras más, crea una cuenta gratuita para desbloquear el acceso ilimitado.
Crea una cuenta gratuita para seguir convirtiendo. Nunca se requiere tarjeta de crédito.
Tu sesión y tus archivos están a salvo. Permanecen en esta sesión hasta que termines de registrarte.
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.