Generador de Iconos SVG Básicos
Sobre esta herramienta
Genera iconos vectoriales SVG simples (círculo, cuadrado redondeado, estrella, corazón, hexágono y triángulo) con el color de relleno, el color de borde y el tamaño que elijas, listos para descargar como archivo .svg o copiar el código directamente en tu proyecto. Al ser vectores (no imágenes de píxeles), estos iconos se ven nítidos en cualquier tamaño y pesan solo unos cientos de bytes, ideales como marcadores simples, viñetas personalizadas, o elementos decorativos básicos en un diseño sin tener que abrir un programa de edición vectorial completo para una forma tan simple. Todo el código SVG se genera directamente en tu navegador.
Preguntas frecuentes
¿Qué formas están disponibles?
Círculo, cuadrado redondeado, estrella, corazón, hexágono y triángulo.
¿Por qué usar SVG en vez de un ícono en PNG?
Porque al ser vectores, estos iconos se ven nítidos en cualquier tamaño y pesan solo unos cientos de bytes, a diferencia de una imagen de píxeles que pierde nitidez al escalarla.
¿Puedo personalizar el color de relleno y de borde?
Sí, puedes elegir el color de relleno, el color de borde y el tamaño antes de descargar o copiar el icono.
¿Es gratis generar estos iconos SVG?
Sí, es totalmente gratis.
¿Puedo copiar el código directamente en mi proyecto?
Sí, puedes descargar el icono como archivo .svg o copiar el código directamente.
Herramientas relacionadas
Editor de Íconos SVG
Ajusta color, trazo y tamaño de un ícono SVG
LocalGenerador de Degradados
Crea degradados CSS personalizados y copia el código
LocalGenerador de Sombras CSS (box-shadow)
Crea sombras CSS personalizadas y copia el código box-shadow
LocalGenerador de Botones CSS
Diseña botones CSS personalizados y copia el código HTML/CSS
LocalGenerador de Border-Radius CSS (formas orgánicas)
Crea formas orgánicas y 'blobs' con border-radius CSS
LocalGenerador de Tarjetas CSS (Cards)
Diseña tarjetas CSS personalizadas y copia el código HTML/CSS