Design et couleurs

SVG · Sprite · Générateur

SVG · Sprite · Générateur. Entrées: Un ID et chemin SVG par ligne, séparés par une barre verticale, Taille (px). Saisissez vos valeurs et lancez. L’exemple montre le format, puis copiez ou enregistrez le résultat.

Sans inscription

Chargement de l’outil…

Mode d’emploi

  1. 1Entrées: Un ID et chemin SVG par ligne, séparés par une barre verticale, Taille (px).
  2. 2Exécutez l’outil et vérifiez le résultat.
  3. 3Copiez le résultat ou changez les données pour comparer.

À savoir

Vérifiez d’abord le format de l’exemple. Gardez l’original et contrôlez valeurs, espaces et retours avant utilisation.

Les annonces peuvent traiter des données de connexion. La personnalisation respecte vos choix de confidentialité. Confidentialité (anglais)

Exemple calculé d’entrée et de sortie

Résultats du moteur réel avec les valeurs ci-dessous, sans données personnelles ni travail enregistré. Chargez l’exemple pour retrouver ces entrées.

Entrée d’exemple

ChampValeur
Un ID et chemin SVG par ligne, séparés par une barre verticale
arrow|M4 12h16M14 6l6 6-6 6
check|M5 12l4 4L19 6
Taille (px)
24

Résultat d’exemple

<svg xmlns="http://www.w3.org/2000/svg"><defs><symbol id="arrow" viewBox="0 0 24 24"><path d="M4 12h16M14 6l6 6-6 6" fill="none" stroke="currentColor"/></symbol><symbol id="check" viewBox="0 0 24 24"><path d="M5 12l4 4L19 6" fill="none" stroke="currentColor"/></symbol></defs></svg>
Conditions de saisie

Il s’agit des limites réelles de validation, sans garantie que toute valeur admise soit réaliste ou adaptée à votre situation.

  • Taille (px): Plage admise: 1 ≤ x ≤ 1 024 · Entiers uniquement

Outils associés

Tous les outils