Lint en direct
Aperçu en situation
Fox-ify
Collez ou déposez n'importe quel SVG. Il est ramené sur la grille de 24, les remplissages deviennent des traits, les transformations sont appliquées et les points s'alignent, jusqu'à ce qu'il respecte les règles des icônes.
Recherche par croquis
Esquissez une forme. Les 24 icônes les plus proches s'affichent pendant que vous dessinez, classées directement dans la page à partir d'un index des formes de tout le jeu d'icônes.
Vos traits restent sur cet appareil : rien n'est envoyé, le croquis est comparé à un index précalculé de toutes les icônes.
Fusion
Cliquez sur un élément de l'aperçu pour le sélectionner, puis faites-le glisser ou utilisez les flèches du clavier.
Mouvement
Une chronologie par élément de l'icône. Cliquez sur une piste pour ajouter une image clé, faites-la glisser pour la déplacer, puis exportez le résultat pour tous les paquets.
Image clé
Kit de marque
Habillez tout le jeu d'icônes à vos couleurs et exportez-le prêt à l'emploi.
Contenu du zip
- svg/ avec chaque icône dans un fichier SVG à vos couleurs
- sprite.svg et icons.css avec les variables CSS de la marque
- favicon/ avec favicon.ico, des PNG en 16, 32, 180, 192 et 512, des icônes masquables et un manifeste web
- app/ avec des icônes pour les boutiques d'applications et le premier plan d'une icône adaptative Android
- package.json, index.js et définitions de types, prêts à être publiés
Visuel 3D
Un nom, une fusion comme cloud&lock:overlap ou un modificateur comme file+check. Aucune icône ne porte ce nom.
La réduction des animations est activée : la rotation auto reste à l'arrêt.
Chargement de three.js
Exporter en PNG
three.js se charge depuis jsDelivr à l'ouverture de cet onglet. three@0.186.1
Collection
Les icônes que vous dessinez, passez dans Fox-ify ou fusionnez sont enregistrées dans ce navigateur.
Rien pour l'instant. Dessinez une icône dans l'éditeur, passez un SVG dans Fox-ify ou enregistrez une fusion.