Jeu d’icônes géométriques
sample-svg-icon-set.svg
480 × 120 pxviewBox: 0 0 480 120
TéléchargerLignes et formes · 0,8 KB
SVG · 5 fichiers exemples SVG
Télécharger des fichiers SVG exemples
Téléchargez des fichiers SVG gratuits pour tester envois, aperçus, éditeurs et projets web. La collection comprend des icônes vectorielles originales, un badge, un organigramme, une palette et une carte urbaine.
5 fichiers exemples SVG Graphiques vectoriels XML redimensionnables
Exemples vectoriels SVG
Fichiers SVG gratuits à télécharger
5 fichiers exemples SVG
Prévisualisez chaque vecteur puis téléchargez son code SVG. Dimensions du canevas, viewBox et taille du fichier sont indiqués.
Badge vectoriel abstrait
sample-svg-logo-badge.svg
400 × 400 pxviewBox: 0 0 400 400
TéléchargerTracés et dégradés · 0,7 KB
Organigramme de processus
sample-svg-flowchart.svg
960 × 420 pxviewBox: 0 0 960 420
TéléchargerFormes et connecteurs · 1,3 KB
Palette et dégradés
sample-svg-color-palette.svg
600 × 360 pxviewBox: 0 0 600 360
TéléchargerNuancier · 1,2 KB
Plan de ville stylisé
sample-svg-city-map.svg
900 × 600 pxviewBox: 0 0 900 600
TéléchargerBlocs et rues · 1,4 KB
Guide SVG : vecteurs, viewBox et mise à l’échelle
SVG signifie Scalable Vector Graphics. Ce format XML décrit des graphiques bidimensionnels avec des éléments comme des tracés, formes, textes et dégradés. Les illustrations vectorielles étant définies mathématiquement, elles peuvent s’afficher à différentes tailles sans pixellisation lors de l’agrandissement d’une petite image matricielle.
Les vecteurs restent nets lors du redimensionnement
SVG décrit des formes et des tracés plutôt qu’une grille fixe de pixels. Les navigateurs peuvent dessiner le même vecteur à plusieurs tailles, pratique pour les logos, icônes, diagrammes et éléments d’interface.
viewBox définit l’espace de coordonnées
La viewBox SVG définit l’espace de coordonnées du dessin. Les attributs de largeur et hauteur indiquent une taille d’affichage préférée ; une mise en page adaptative peut redimensionner le graphique en conservant ses proportions.
Le code SVG est modifiable
Le balisage SVG peut s’ouvrir dans un éditeur de texte ou de dessin vectoriel. Ces exemples utilisent des tracés, formes, couleurs et dégradés originaux dont vous pouvez examiner ou adapter le code.
Questions sur les fichiers SVG
Qu’est-ce qu’un fichier SVG ?
SVG signifie Scalable Vector Graphics. C’est un format XML qui décrit des graphiques vectoriels bidimensionnels tels que des icônes, diagrammes et illustrations.
Un SVG perd-il en qualité lorsqu’on l’agrandit ?
Les formes vectorielles sont rendues à la taille d’affichage et restent généralement nettes lorsqu’elles sont redimensionnées. Une image matricielle intégrée conserve toutefois ses limites en pixels.
Que signifie viewBox dans un SVG ?
La viewBox définit le rectangle de coordonnées interne utilisé pour dessiner le SVG. Elle aide les navigateurs à adapter la taille du graphique tout en conservant ses proportions.
Quand choisir SVG plutôt que PNG ?
SVG convient souvent aux logos, icônes et diagrammes composés de formes nettes. PNG est plus adapté aux photos, aux illustrations complexes en pixels ou aux flux nécessitant une image matricielle.
Puis-je ouvrir et modifier un fichier SVG ?
Oui. De nombreux éditeurs vectoriels et de code savent ouvrir le balisage SVG. Les modifications peuvent changer le dessin ; gardez une copie originale si vous devez le conserver.
Références SVG : Spécification SVG du W3C · Guide SVG MDN