Zwicon – Handcrafted iconset for your next project

Chaque icône est conçue sur une grille de base de 24px, multiple du système standard 8pt. Cela garantit que les icônes s'adaptent proportionnellement et s'alignent parfaitement avec les composants UI, réduisant les ajustements manuels. Avec un trait de 1px et un rayon de 2px, l'ensemble évite les artefacts visuels et le flou souvent causés par une mise à l'échelle ou un alignement incorrect.

Les fichiers SVG sont nettoyés manuellement pour supprimer les métadonnées redondantes, les groupes de chemins et les attributs inutiles alourdissant les fichiers. Cette optimisation réduit l'empreinte DOM lors de l'intégration directe, favorisant des temps de chargement plus rapides et de meilleures performances. En supprimant le code non essentiel, la bibliothèque permet d'intégrer les icônes sans impacter la taille du bundle ou le rendu.

Zwicon offre un support natif pour Sketch, InVision Studio et Figma, incluant des conventions de nommage catégorisées facilitant les remplacements de composants. Cette compatibilité permet aux équipes de conserver une source unique pour leurs ressources, peu importe le logiciel. Le nommage structuré permet aux designers de remplacer rapidement les icônes sans briser les configurations existantes.

La bibliothèque inclut une implémentation webfont prête à l'emploi, permettant de traiter les icônes comme du texte. Cela facilite la manipulation de la couleur, de la taille et de l'ombre via les propriétés CSS standard ('color', 'font-size', 'text-shadow'). L'usage d'une webfont réduit considérablement les requêtes HTTP par rapport au chargement de fichiers SVG individuels.

Avec 566 icônes dans 26 catégories, Zwicon offre une base robuste pour divers projets, de l'e-commerce aux interfaces de tableaux de bord. Cette richesse minimise le besoin de mélanger des icônes disparates. La bibliothèque est activement maintenue, avec des mises à jour basées sur les retours utilisateurs pour rester pertinente face aux tendances.