DES FREE ICONS POUR NOS AMI.ES UX/UI, GRAPHISTES ET MOTION DESIGNERS

Parce que la bise rime avec générosité et communauté, on vous partage nos secrets “iconiques”, à télécharger sans modération ! 😉

Par Julien Marcel
Publié le 11/07/2022



FREE DESIGN SYSTEM

Un Design system est un ensemble de patterns interconnectés et de pratiques partagées organisés de manière cohérente. Les systèmes de conception aident à la conception de produits numériques et au développement de produits tels que des apps ou des sites. Wikipédia

  1. MATERIAL DESIGN (Google)

  2. SF SYMBOLS 4 (Apple)

  3. SEGOE FLUENT Ui icons font (Windows)

  4. BOOTSTRAP ICONS (1,6k+)



ICONS

Free packs icons

Il existe une infinité d'icônes gratuits, mais il est important de choisir une même famille pour son projet. Le moyen de plus efficace pour designer rapidement son application est de trouver un pack d'icônes (bundle) le plus complet possible.

  1. Ionicons

  2. FontAwsome (16k+)

  3. Pixellove (600x)

  4. React-Icons

  5. Lino


Premium pack icons

Pour des projets de qualité, il vous faut des bons outils. Se tourner vers des pack d'icônes premium est une bonne solution pour se garantir un rendu pixel per-fec-to ! Ils contiennent souvent des milliers de glyphes, mis à jour régulièrement et dans plusieurs styles. Et surtout pour vos projets pro, vous êtes couverts pour la diffusion par l'achat d'une licence commerciale.

  1. Slimicons 3k

  2. Swifticons 2,6k

  3. LineIcons 5k


Animated icons

Pour ceux qui veulent passer un cran au dessus et proposer des interfaces utilisateurs vivantes et intuitives, il y a les icônes vectoriels animés. Plusieurs librairies existent, en GIF ou SVG animé en CSS/JS et maintenant LOTTIE, inventé par l'équipe design et basé sur du JSON.

  1. LOTTIE (free)

  2. LORDICON (freemium)

  3. LOADING (freemium)


Plugin icons

Figma ou Sketch ? Photoshop ou Indesign ? Si vous utilisez souvent le même software, il sera préférable de vous tourner vers un plugin qui vous donne un accès immédiat à une ou plusieurs librairies d'icônes directement dans l'interface de création.

  1. Material (figma)

  2. Ios15 (figma)

  3. WindowsUi (figma)

  4. Streamline (figma)

  5. Ios15 library (sketch)




LOGICIELS DE GESTION DES ICÔNES SVG

Si comme tout bon designer vous avez vos librairies d'icônes téléchargées en SVG sur votre ordinateur, c’est souvent un enfer pour s'y retrouver quand il faut aller vite. Ces logiciels de gestion d'icônes, gratuits ou payants, vous permettent d'organiser vos librairies et de tagger vos icônes pour des recherches plus rapides.

  1. Iconjar (payant)

  2. Iconset (gratuit)

  3. SFSymbole (mac)





SITES DE RECHERCHE FREE ICONS

Ces sites de banque d'icônes peuvent vous éviter de longues heures de recherche. On y trouve absolument tout, en SVG ou en PNG, et parfois des packs sont disponibles en téléchargement. La majorité des contenus sont gratuits, souvent en libre de droit en contrepartie de la mention du nom de l'auteur dans les crédits du site.

  1. ICONFINDER

  2. FLATICON

  3. ICONES8

  4. ICONSCOUT

On espère que ces ressources vont ont été utiles et simplifieront grandement votre flow quotidien

N’hésitez pas à partager ce petit article sur les réseaux sociaux, il vous remerciera 😊

Précédent
Précédent

NOUS SOMMES DANS LE PODCAST “LA HOTLINE DE SORTLEADERS” ÉDITÉ PAR SORTLIST

Suivant
Suivant

10 CONSEILS POUR MAÎTRISER L'ÉCO-CONCEPTION DE VOTRE SITE INTERNET