Iconos svg con el menor código posible

[giscus[bot]]

Iconos svg con el menor código posible

Los iconos SVG son una forma popular y versátil de agregar gráficos vectoriales a un sitio web.

https://www.zkreations.com/2022/12/iconos-svg-con-el-menor-codigo-posible.html

[gianles]

gran aporte daniel, sin duda es algo que nos ayudara muchisimo a la hora de optimizar mejor nuestros codigos html y css para ahorrar lineas! un saludo! gracias por el aporte.

[danieIabel]

Gracias por pasar y comentar amigo. Espero que sea de utilidad para muchas personas, es un proyecto que planeo mantener y mejorar mucho, y que todos pueden usar sin ninguna limitación, completamente open source.

[gianles]

a la final creo que voy a usar estos icons para mi proyectos de blogs! muchas gracias otra vez por meteors @daniel

[danieIabel]

Gracias por usarlo amigo, aprovechando el hecho si notas que falta algún icono que consideres necesario no dudes en sugerirlo.

[gianles]

excelente, si si, esoty viendo algunos iconos y estan buenos y super cortos su etiqueta svg, lo que si podrias agregar es agregar algunos iconos pero tambien en su estado solido! por ejemplo "heart" que solo es el borde el que se ve, podrias hacerlo slido y que se rellene todo. es solo una idea! muchas gracias por compartirlo!!

[danieIabel]

Para esos casos puedes crear una utilidad amigo, agrega este codigo css:

.i-solid { fill: currentColor }

Luego al icono le agregas esa clase:

<svg class="i i-heart i-solid" viewBox="0 0 24 24">
  <path d="m12 21-8.8-8.3A5.6 5.6 0 1 1 12 6a5.6 5.6 0 1 1 8.9 6.6z"></path>
</svg>

[gianles]

Fascinante Daniel. Muchísimas gracias, me a servido. Incluso puedo darle más grosor a las lineas. De momento tengo todos los iconos al alcance de mis manos

[danieIabel]

He actualizado el proyecto a la version 2.0.0. Agregando y mejorando los iconos, incluyendo la página de demostración. También se removió por completo la variante Pugjs

[danieIabel]

10 Nuevos iconos de la categoría "Music & Video" agregados.
4 De los iconos existentes se mejoraron para lograr mayor consistencia y geometría.