Action
Importer 5 icônes SVG
Sortie
Utilisation de sprite.svg + fragments fusionnés
Outils de développement
Combinateur de sprites SVG — fusionnez les icônes en un seul sprite
Importez plusieurs icônes SVG pour les fusionner en un seul sprite, avec des extraits de référence aux symboles et la possibilité de télécharger le résultat.
SVGSpriteIcônes
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
开发工具
Combinateur de sprites SVG
点击或拖拽多个 SVG 文件到此处
已添加的图标
0 个
使用代码
上传 SVG 文件后生成使用代码
合并后的 SVG Sprite
Cas d’usage
- Fusionner les icônes SVG d'un projet
- Réduire les requêtes HTTP
- Centraliser la gestion des icônes
Mode d’emploi
- Importer plusieurs fichiers SVG
- Aperçu des icônes fusionnées
- Télécharger le sprite
Exemples d’entrée et de sortie
FAQ
Comment utiliser le résultat ?
Référence avec <svg><use href="#icon-name" /></svg> ou un sprite.svg#icon-name externe.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Vérificateur de différence d'image
Vérificateur de différence d'image – Mise en évidence des différences de pixels
Comparez deux images pixel par pixel dans le navigateur. Les différents pixels sont surlignés en rouge avec des nombres et des pourcentages, ce qui est utile pour les captures d'écran de régression de l'interface utilisateur, les vérifications des versions de conception et les révisions avant/après. Les images restent locales.
Image Diff Comparaison
Règle de pixels
Règle de pixels — Taille de l'écran et graduations
Dessinez une règle de pixels horizontale ou verticale sur la page. Ajustez la longueur et l'espacement des graduations, et affichez la taille de la fenêtre ainsi que le rapport en pixels de l'appareil pour vérifier les mesures de pixels CSS par rapport aux mises en page et aux maquettes.
Pixels Règle Mesurer