Les icônes ont un rôle important à vous donner la première impression du site ou de l’interface de l’application. Mais il faut beaucoup de temps et d’argent pour les développer à partir de zéro., L’utilisation d’icônes sur votre site vous permet de communiquer efficacement avec vos visiteurs: elles augmentent la lisibilité, mettent en évidence le contenu important, renforcent les fonctionnalités ou les fonctionnalités et améliorent le design. Par conséquent, il convient de prêter attention aux meilleurs packs d’icônes prêts à l’emploi.
Aussi, quand il s’agit de la conception d’icônes, c’est un excellent moyen pour mettre en valeur concepteur de qualifications., Un pack d’icônes doux et agréable est une vitrine parfaite du travail du designer et un instrument puissant pour renforcer votre réputation en ligne.
Voici quelques avantages de l’utilisation d’icônes dans votre prochain UX projet de conception.
- Les icônes aident à augmenter la lisibilité du site ou de l’application.
- Des icônes bien faites aident à réduire le volume de texte. L’utilisation d’icônes rend votre message compréhensible sans texte.
- Les icônes peuvent ajouter de la personnalisation à votre produit.
- Les icônes peuvent être un bon point de départ pour connaître le produit.,
- Dernier point, mais non des moindres: l’une des fonctions les plus importantes des icônes est d’aider les utilisateurs à comprendre intuitivement l’application à la fois lors de la première connaissance et lors de l’utilisation ultérieure.
Dans cet article, vous trouverez une collection de certains des meilleurs packs d’icônes que vous pouvez utiliser sur votre site web ou votre entreprise, même si vous n’êtes pas un artiste créatif. Les produits présentés dans cet article peuvent être utilisés non seulement sur des sites Web courants et dans des cas de base, mais aussi dans des sites plus complexes et spécialisés.
Nous divisons les produits en plusieurs catégories pour votre facilité., Avant les descriptions, vous verrez la catégorie à laquelle appartient ce produit.
- Free jeux d’icônes.
- des places de marché. Le marché contient des icônes de différents fabricants. Ici vous pouvez trouver à la fois bon marché et cher, ainsi que des produits de bonne qualité et de faible qualité.
- Ensembles d’icônes de conception matérielle et ensembles d’icônes plates.
- Ensembles d’icônes CSS. Les icônes CSS sont faites en utilisant-guess what-CSS. Pour les utiliser, copiez simplement le code sur votre page.
- Icônes polices. Selon Pluralsight, les polices d’icônes sont des polices réelles qui contiennent des symboles et des glyphes au lieu de lettres ou de chiffres., Ils sont populaires pour les concepteurs Web car vous pouvez les styliser avec CSS de la même manière que le texte normal. Les polices d’icônes sont traitées comme du texte par les navigateurs, vous devrez donc les normaliser pour éviter les problèmes d’anticrénelage du texte, et sont prises en charge dans presque tous les navigateurs.
- Icônes SVG. Scalable Vector Graphics (SVG) est un format graphique vectoriel basé sur XML qui peut évoluer à n’importe quelle taille sans perdre en clarté. Ils peuvent être affichés à l’aide de CSS, de balises d’objet, de balises d’image ou intégrés directement dans votre HTML.
- Jeux d’icônes de glyphe et de pictogramme.,
Flaticon
Flaticon contient entièrement modifiables et de vecteurs peuvent être utilisés pour les projets personnels et commerciaux. FlatIcon a plus de 2,3 millions d’icônes vectorielles regroupées en 51202 packs.
Le produit dispose d’une extension Adobe qui vous permet d’importer facilement des icônes dans Photoshop, Illustrator et After Effects., Si vous souhaitez utiliser une police web au lieu de fichiers statiques pour vos icônes, FlatIcon s’occupera de la conversion de format et générera une police web prête à l’emploi. Vous pouvez également personnaliser les icônes téléchargées.
Faits clés:
- plus de 90 000 icônes;
- formats SVG, EPS, PSD et PNG;
- polices d’icônes;
- Extension Adobe pour CC suite;
- Licence Linkshare avec options premium; et
- de nouveaux packs d’icônes sont ajoutés chaque mois.,
Un abonnement premium avec FlatIcon vous fournira des droits de licence complets, un accès à du contenu exclusif, aucune publicité, l’application macOS et les extensions Adobe, ainsi que la possibilité de créer des collections illimitées.,
Jam Icons
Web-site: https://jam-icons.com/
Format and Type: SVG, CSS
Price and License: Free, MIT
Jam icons are a set of 896 handcrafted icons. This icon pack comes with both SVG and font versions. The icons can be used as SVG files in your web, print or application development projects., Les icônes peuvent également être utilisées comme police avec les feuilles de style CSS données. Il existe des tailles 16px, 24px et 32px. Vous pouvez également choisir de remplir ou de tracer des icônes.
Fontisto Icône Pack
site Web: https://fontisto.com/
le Format et le Type: CSS
le Prix et la Licence: Libre, MIT
Fontisto est un vecteur pack d’icônes., Les icônes peuvent être instantanément personnalisées: taille, couleur, ombre portée et tout ce qui peut être fait avec la puissance de CSS. Le produit ne nécessite pas Javascript. Les icônes Fontisto sont des vecteurs, ce qui signifie qu’elles auront fière allure sur les moniteurs haute résolution.
Sur le site Web, vous pouvez trouver une documentation complète et divers guides sur la façon de démarrer et de personnaliser le produit. Vous pouvez commencer à utiliser le produit en collant simplement le lien sur votre site Web. De plus, vous pouvez utiliser Fontisto avec les gestionnaires de paquets qui vous conviennent: npm, yarn, bower, etc.,
Iconmonstr
site Web: https://iconmonstr.com/
le Format et le Type: SVG, EPS, PSD et PNG, Marché
le Prix et la Licence: Gratuit
Iconmonstr collection d’icônes a 4400+ icônes. Chaque jeu d’icônes offre à la fois des contours et des versions remplies des graphiques pour s’assurer qu’ils peuvent être utilisés pour une variété d’applications de conception., Chaque icône sur ce site est disponible gratuitement, et les fichiers d’icônes viennent dans des formats tels que SVG, AI, PSD et PNG. Les fichiers peuvent être utilisés à des fins gratuites et commerciales.
Iconmonstr facilite la recherche d’icônes via sa puissante fonction de recherche. Vous pouvez même enregistrer vos icônes préférées dans une collection personnelle pour une utilisation future.
caractéristiques principales:
- l’utilisation gratuite de toutes les icônes,
- quatre format options de téléchargement, et
- réduit la taille des icônes optimisées pour le web.,
Pixsellz Matériel Icônes de la Bibliothèque
Un vaste ensemble de plus de 1000 icônes divisé en 16 catégories différentes. Le pack d’icônes gratuit est inspiré par la conception matérielle et présenté en trois styles visuels différents-arrondi, contour et bicolore., L’ensemble est disponible en 6 formats de fichiers différents, de sorte que vous pouvez utiliser les icônes dans votre logiciel de conception préféré.
caractéristiques principales:
- 3 styles,
- Figma styles,
- 1000+ icônes,
- 24×24 pixels,
- Esquisse des styles et des symboles,
- 16 catégories, et
- 6 formats de fichier.
Entypo
Site Web:http://www.entypo.com/
Format et Type: SVG
Prix et licence: Libre, Creative Common License 4.,0
Entypo est une icône au format svg pack famille, soigneusement conçu il y a quelques années par Daniel Bruce en Suède. Ces icônes sont superbes: quand il s’agit de cadeaux, ils sont haut de gamme. Le produit est livré sous forme de SVG avec 411 icônes, gratuit avec une licence Creative Commons.,
L’auteur dit que la construction d’une police prend beaucoup de temps et il est préférable de passer du temps sur le développement de nouveaux pictogrammes.
le Mal Icônes
site Web: https://evil-icons.io/
le Format et le Type: SVG, Esquisse
le Prix et la Licence: Libre, MIT
Ce pack est absolument énorme et il est livré avec tout — y compris SVGs et les fichiers source d’origine., Cela signifie que vous pouvez télécharger des SVG avec des fichiers pour Illustrator et le .fichiers d’esquisse pour l’esquisse.
Chaque icône suit le style de la ligne mince et ils sont parfaits pour la plupart des sites Web. Le fait que vous puissiez modifier la source d’origine les rend encore plus précieux.,
Streamline Icons
Web-site: https://streamlineicons.com/
Format and Type: ICONJAR, SKETCH, FIG, XD, SVG, AI, PDF, PNG
Price and License: Free to $411
Streamline Icons is another nice and adaptable free icon pack on the web market. The tool is organized in 53 categories with over 30000 vector icons.,
C’est l’un des rares packs d’icônes optimisés pour Sketch, ce qui facilite la manipulation des largeurs de traits et des couleurs. Les fonctionnalités d’esquisse intégrées telles que les symboles et les styles partagés rendent la réutilisation des éléments, comme les icônes, un processus rapide et facile.
La société a sa propre application Web qui permet de parcourir, rechercher et télécharger des icônes directement à partir du navigateur.,
Principales caractéristiques:
- plus de 30000 icônes vectorielles organisées;
- Traits intelligents pour modifier l’épaisseur du contour;
- Croquis, AI, EPS, PDF, PNG, formats SVG;
- application Web pour rechercher et éditer des icônes;
- chaque icône dans Streamline 3.0 a trois poids uniques: léger, régulier et gras.,
Smashicons
site Web: https://smashicons.com/
le Format et le Type: POT, SVG, AI, un CROQUIS, un Marché
le Prix et la Licence: Libre à $149
Smashicons propose une collection complète des icônes avec plus de 219000+ icônes dans leur bibliothèque. Smashicons fonctionne un peu différemment des autres: leur prix est basé sur un plan mensuel de 5/ / mois., Cela signifie que pour 5 $par mois, vous avez accès à toute leur collection d’icônes existantes ainsi qu’à toutes les icônes futures qu’ils publient.
Principales caractéristiques:
- une très grande collection d’icônes,
- toutes les icônes sont compatibles multiplateformes,
- application Web facile à utiliser pour rechercher et trouver les icônes dont vous avez besoin,
- modèle d’affaires basé sur l’abonnement,
- support multiplateforme.
Icons8
Site Web:https://icons8.com/
Format et Type: SVG, PNG, PDF
Licence et prix: Licence Good Boy, Gratuit à 19.,90 par mois
Le jeu d’icônes de Icons8 est livré avec plus de 120000 icônes qui couvrent plusieurs catégories; de l’entreprise et paramètres de bureau pour les gens, la nourriture, et les icônes de médias sociaux. Les icônes sont conçues pour imiter l’apparence d’un système d’exploitation spécifique. Vous pouvez les télécharger dans les versions Windows, iOS et Android.,
Les icônes fonctionnent avec Sketch, Photoshop et Xcode. Vous pouvez utiliser un éditeur Web avant de télécharger les icônes sur votre système.
Principales caractéristiques:
- Formats SVG, PNG et HTML;
- icônes disponibles dans différents styles, tels que l’icône de ligne, l’icône remplie et la couleur;
- toutes les icônes peuvent être téléchargées via .fichier zip;
- modifier avant le téléchargement;
- options d’abonnement gratuites et payantes.,
Icomoon
Web-site: https://icomoon.io/
Format and Type: SVG, PNG, PDF
License and Pricing: Free to $139 per month
Icomoon comes as a complete tool for iconography and icon management. The product has a high-quality solution for editing and managing icons., Les icônes Icomoon ont été fabriquées à la main sur une grille 16X16 et sont disponibles en formats SVG, EPS, PSD, PDF et AI. Le jeu d’icônes est également constamment mis à jour par ses créateurs.
Chaque pack d’icônes comporte des licences détaillées afin que les concepteurs et les développeurs sachent exactement comment les icônes peuvent être utilisées. Les utilisateurs peuvent également créer leurs propres polices d’icônes personnalisées.
caractéristiques principales:
- complet icône outils de gestion
- gratuit et payant les options de téléchargement,
- une grande variété de formats de téléchargement,
- simple et gratuit des mises à jour.,
Glyphish Icône Pack
Glyphish offre une variété de différents packs d’icônes. Chaque pack est disponible dans une variété de formats différents, y compris PNG, SVG, PSD et AI. Le pack d’icônes de base est disponible pour 25 $tandis que le ultimate est disponible à un prix régulier de 99$. La démo gratuite comprend 50 icônes. Toutes les icônes peuvent être facilement éditées par les concepteurs.,
caractéristiques principales:
- des icônes pour plusieurs plateformes: iOS, Android, Web, Windows;
- un ensemble de 50 icônes gratuites;
- facile de glisser-déposer dans Xcode;
- icônes spécialement dimensionné pour les écrans Retina d’Apple.,
Ionicons
site Web: https://ionicons.com/
le Format et le Type: SVG et Webfont, Icône de la police
Licence: MIT
L’Ionique de l’équipe a décidé de libérer leurs icônes comme une webfont appelé Ionicons. Naturellement, ils sont totalement gratuits et disponibles sur GitHub. Vous pouvez même ajouter ces icônes directement à votre site en utilisant la version CDN de la feuille de style., Il prend entièrement en charge les polices SVG et Web.
caractéristiques principales:
- entièrement gratuit,
- installation facile en copiant et collant le lien,
- vient comme une webfont,
- les tailles personnalisées,
- plus de 1100 articles.
Angulaire Matériel Icônes
Icône du Matériau est libre icône pack à partir de Google., Pour assurer la lisibilité et la clarté, ces icônes ont été optimisées pour être superbes sur toutes les plates-formes et tous les écrans. Ces icônes matérielles sont totalement gratuites et accessibles sur GitHub. Ce pack d’icônes est absolument massif avec plus de 1 000 icônes couvrant un large éventail de fonctionnalités d’interface.
Tous les symboles sont disponibles en cinq thèmes. Vous obtiendrez une gamme de tailles et de densités téléchargeables. Le meilleur format pour les projets Web est une police web icon facile à utiliser.,
Linearicons
Linéaire Icône pack est l’un des plus populaires et les meilleurs packs d’icônes pour des fins personnelles ou commerciales. Linear icon pack est disponible en versions gratuite et premium. La version gratuite de ce pack d’icônes incroyable est sous licence Creative Common. Il existe également différents packages que vous pouvez choisir pour vos besoins, tels que le Package de bureau.,
Key features:
- CloudFront CDN;
- free version available;
- comes with different formats: SVG, PDF, Webfont.
Feathericons
Web-site: https://feathericons.com/
Format and Type: SVG, Webfont, Iconfont
License and Pricing: Free, MIT License
Feather is one of the most popular open-source icon sets., Ce sont des icônes open source qui ont été conçues sur une grille 24X24. Les icônes sont disponibles au format SVG. C’est sous la licence MIT, et il y a environ 250+ icônes en open source.
Les icônes sont faciles à modifier, propres et nettes — indépendamment de la taille. Ils ont été conçus comme une police d’icône d’abord, il est donc destiné à être intégré comme une police Web.,
Iconfinder
Web-site: https://www.iconfinder.com/
Format: SVG, PNG, ICO, Marketplace
License and Pricing: From $9 to $49 per month
Iconfinder is one of the most popular icon resources on the net. It offers over 4 million icons, providing users with a variety of search options including icon format, price, size, background, etc., Il existe plusieurs plans de paiement mensuel — de 9 $à 49$. Vous pouvez également choisir le système” pay as you go ».
Les fichiers d’icônes sont disponibles aux formats SVG, PNG, ICO, ICNS et Adobe Illustrator, et leurs dimensions varient entre 16×16 et 512×512. Vous pouvez également travailler avec certains des meilleurs concepteurs du site si vous ne trouvez pas quelque chose que vous aimez ou si vous voulez simplement des icônes personnalisées conçues spécialement pour vous et votre marque.,
caractéristiques principales:
- la fois gratuit et payant d’utiliser les options,
- flexible de fonctionnalités de recherche,
- les icônes disponibles dans une variété de formats,
- un grand nombre de catégories et de styles,
- l’icône de l’éditeur.
Le Nom du Projet
Le Nom de Projet offre l’une des plus grandes bibliothèques d’icônes disponibles sur le web., La plupart des icônes de ce site sont disponibles dans les formats SVG et PNG, ainsi que dans les styles noir et blanc.
La bibliothèque du site est composée de fichiers d’icônes conçus par une variété de designers indépendants. C’est un endroit où les créateurs et les professionnels de la création peuvent collaborer pour vendre leurs créations et trouver une bibliothèque apparemment infinie d’icônes premium.
La recherche de cette bibliothèque d’icônes énorme et complète est très facile. Les fonctionnalités clés supplémentaires de cette bibliothèque d’icônes incluent des options de téléchargement gratuites et premium, de nombreux grands ensembles d’icônes, une application pour Mac et plus encore., Cette bibliothèque d’icônes est régulièrement mise à jour et de nouvelles icônes et ensembles sont publiés chaque jour.
Principales caractéristiques:
- plus de 150 000 icônes;
- formats SVG, PNG;
- outils de recherche et de découverte;
- Licence commune créative avec options premium;
- options de téléchargement gratuites et payantes;
- nouvelles icônes téléchargées presque quotidiennement.
Fontawesome Icons
Site Web:https://fontawesome.com/icons
Format et type: SVG, PNG, Icon font, Marketplace
Licence et prix: SIL OFL 1.,1
Police Génial, c’est le plus utilisé et le plus populaire de l’icône de la police autour d’. Il est également l’icône par défaut définie pour l’équipe de bootstrap. Il est également disponible sous forme d’icônes SVG parmi d’autres formats.La licence est ouverte et gratuite pour tout ce qui est commercial ou personnel.
Chaque icône est entièrement évolutive et maintenable directement dans CSS., Vous pouvez changer les couleurs, les ombres, les dégradés d’arrière-plan et à peu près n’importe quoi d’autre en utilisant CSS3 pur. Une autre raison d’utiliser cette bibliothèque est qu’elle est entièrement optimisée et n’a aucun problème de compatibilité car elle ne nécessite pas du tout JavaScript.
Principales caractéristiques:
- Police vectorielle,
- chaque icône est livrée avec une classe CSS&Unicode,
- gratuit,
- construit avec l’accessibilité à l’esprit,
- propose une mise à niveau facile sur les sites Web,
- offre une feuille de triche de bureau pour,
Lineicons
site Web: https://lineicons.com/
le Format et le Type: SVG, de polices Web, Icône de la police
la Licence et de la Tarification: Gratuit
LineIcons également fournir gratuitement CAN avec une documentation claire qui le rend facile à prendre en main.
Ce pack d’icônes est entièrement gratuit et comprend plus de 450 icônes de ligne., Il couvre chaque icône essentielle dont vous avez besoin pour le projet de différentes catégories. LineIcons fournit également un CDN gratuit et une documentation claire pour démarrer facilement. Il est livré avec 2 packages évolutifs différents-des WebFonts et des fichiers SVG que vous pouvez utiliser en fonction des besoins de votre projet.
caractéristiques principales:
- 450+ Icônes Gratuites,
- les Fichiers SVG,
- Polices Web Prêt,
- free CAN.,
Réflexions finales
Choisir la bonne ressource de bibliothèque d’icônes pour votre projet ne doit pas être basé sur ce qui est considéré comme le plus populaire, mais plutôt sur ce qui convient le mieux aux besoins de votre projet. Lorsque vous choisissez des icônes, faites attention à la facilité avec laquelle il est possible de démarrer un projet, quels formats sont présents dans la bibliothèque et le prix.
De plus, un facteur important lors du choix d’un pack d’icônes sera de correspondre au style de votre application ou de votre site.
Nous espérons que cet article vous aidera à choisir la solution la plus adaptée à vos besoins.