Retour

Des icônes SVG personnalisables, gratuites et libres de droits

Trouvez sur notre site votre icone gratuite et libre de droits. En plus, vous n’avez pas besoin de créditer notre site. Cliquez ci-dessous, sur une icone au format SVG, puis personnalisez-la à l'étape suivante.

Votre icone SVG dans le HTML

Pourquoi c’est bien de mettre vos icones directement dans le code HTML ?

Google aime la vitesse, plus votre site se charge vite, mieux vous êtes référencé. Choisir une image vectorielle est un bon moyen de réduire le poids d’une image. Mais il est possible de faire encore mieux en intégrant directement le code du format svg dans le code html. Cela permet au navigateur de ne charger qu’un seul fichier.

Le format SVG comment ça marche ?

Les images au format SVG sont des images vectorielles. Les vecteurs qui composent l’image sont écrits dans un fichier texte auquel on ajoute l'extension .svg.

Le format SVG a plusieurs avantages.

Comme c’est un format vectoriel, on peut agrandir une image sans perte de qualité.

Le format SVG peut être mis dans un fichier. Celui-ci pourra être chargé directement comme une autre image dans une page html. Les graphistes pourront aussi utiliser les fichiers svg pour du "print".

Mais encore plus fort, le code SVG peut être embarqué directement dans le code HTML comme nous l’avons vu plus haut.