IconPark : bibliothèque d'icônes open source de ByteDance 94

La bibliothèque d'icônes IconPark est un produit de bibliothèque d'icônes au style vectoriel conçu et open source par ByteDance. Elle permet de générer plusieurs thèmes à partir d'un seul fichier source SVG, offre une classification riche, un code plus léger et des scénarios d'utilisation plus flexibles. Elle vise à construire des ressources d'icônes de haute qualité, unifiées et définissables, permettant à la plupart des designers de choisir des icônes adaptées à leur style. Elle prend en charge l'exportation des fichiers sources d'icônes sous forme de code de composants pour React, Vue2, Vue3 et SVG, reliant ainsi la chaîne Design to Code et permettant une intégration tout-en-un pour les produits, le développement et les designers, rendant l'utilisation plus efficace. La technologie de changement de thème est couverte par 1 brevet d'invention.

Caractéristiques de la bibliothèque d'icônes IconPark :

• Quantité et classification des icônes : Plus de 2 658 icônes vectorielles de haute qualité sont incluses. Couvrant 29 catégories d'icônes, capables de répondre aux besoins de différents scénarios.

• Style et thème des icônes : La bibliothèque d'icônes IconPark prend en charge plusieurs styles, notamment les thèmes linéaire, rempli, bicolore et multicolore. Les utilisateurs peuvent facilement changer le thème des icônes via un seul fichier source SVG, permettant l'uniformité et la diversité des styles d'icônes.

• Fonctionnalités de personnalisation : L'un des points forts d'IconPark est sa puissante fonctionnalité de personnalisation en ligne, qui assure une flexibilité de style maximale grâce à l'utilisation des attributs de bordure SVG. Vous pouvez modifier en ligne la couleur, la taille, l'épaisseur du trait, le type d'extrémité, le type de coin et d'autres propriétés. Cette capacité de personnalisation permet théoriquement d'atteindre des dizaines de milliers d'icônes.

• Support technique et compatibilité : La bibliothèque d'icônes IconPark convient non seulement aux utilisateurs sans background technique, comme les designers UE/UI, les chefs de produit et le personnel opérationnel, mais est également appréciée des développeurs techniques. Elle prend en charge les frameworks front-end comme React et Vue, et fournit des packages NPM, facilitant le chargement à la demande et l'appel du code des composants. Les icônes peuvent être exportées aux formats SVG, PNG, etc., convenant au Web, au mobile et à divers projets de design.

• Téléchargement et utilisation : Les utilisateurs peuvent directement sélectionner des icônes sur le site web d'IconPark, ajuster le style puis télécharger aux formats SVG ou PNG, ou copier des extraits de code React/Vue pour les utiliser directement dans leur projet. La sélection des icônes prend en charge les opérations par lots, facilitant la gestion et le téléchargement.

• Open source et licence : Basée sur la licence open source Apache 2.0, la bibliothèque d'icônes IconPark est gratuite pour un usage personnel, en équipe et en entreprise, qu'il soit commercial ou non commercial, sans frais supplémentaires. Ainsi, que vous soyez designer ou développeur, vous pouvez utiliser IconPark dans votre projet.

Comment utiliser la bibliothèque d'icônes IconPark :

• Recherche d'icônes : Les utilisateurs peuvent sélectionner la catégorie d'icônes via le menu de gauche ou utiliser la zone de recherche.

• Aperçu des icônes : Chaque icône dispose d'un aperçu, d'une description en chinois et d'un nom en anglais.

• Outils de réglage : Des outils pour ajuster la taille de l'icône, l'épaisseur du trait et la couleur du style sont fournis à droite.

• Opérations par lots : Les utilisateurs peuvent cocher les icônes pour les télécharger par lots ou copier le code.

• Mode aperçu : Il est possible de basculer entre différents modes d'aperçu pour visualiser l'effet des icônes.

Utilisateurs d'IconPark

• Personnel non technique comme UE, UI, PM, opérations, etc.

• Développeurs React/Vue/mobile, etc.

• Développeurs de sites de design tiers/constructeurs de sites éditeurs

Avantages d'IconPark

• Haute qualité : Fournit plus de 2 600 icônes de haute qualité, gratuites à utiliser, un grand merci à nos designers travailleurs ~o(-v

• Multi-thèmes : Génère plusieurs thèmes à partir d'un seul fichier source SVG, notamment : traits, rempli, bicolore, multicolore, sans avoir besoin d'utiliser 4 fichiers de styles SVG.

• Exportation de code de composants multi-plateformes : Relie Design to Code, pour les profils techniques, permettent d'exporter différentes bibliothèques de code, répondant à divers scénarios de développement comme React/Vue/SVG/mobile/mini-programmes.

IconPark est maintenu par l'équipe de design CUX de ByteDance et son code source est ouvert sur GitHub, encourageant la participation des utilisateurs et fournissant des guides d'utilisation, des dépôts de code et des canaux de feedback.

IconPark se consacre à la standardisation et à l'unification de l'application des icônes, offrant un contenu d'icônes de haute qualité riche et varié, répondant à la capacité de configurer en lots les styles d'icônes. Elle permet également à diverses équipes techniques d'appeler les ressources d'icônes via une interface, rendant l'utilisation des icônes plus simple et plus efficace.

Dépôt open source GitHub d'IconPark :https://github.com/bytedance/IconPark