Icônes open-source gratuites

C'est formidable de voir des personnes du monde entier consacrer tout leur amour et de nombreuses heures à quelque chose qu'elles publient ensuite gratuitement, pour que tout le monde puisse l'utiliser. Ils aident des projets au budget serré à rayonner, sans rien demander en retour - et, bien sûr, ils ne cessent de nous inspirer.

Dans ce billet, nous allons célébrer quelques-uns de ces merveilleux éléments gratuits que nous avons découverts récemment. Toutes ces icônes, illustrations, avatars et animations gratuites ont des licences légèrement différentes (veuillez donc les vérifier), mais elles sont libres d'utilisation dans le cadre de travaux privés et commerciaux. Mais bien sûr, les remerciements sont toujours très appréciés. 

Icônes de drapeaux à code source ouvert

Les icônes sont un moyen fantastique de transmettre un sens et d'ajouter du caractère à une conception. Flagpack est un ensemble d'icônes particulièrement utile pour les projets de commerce électronique. Il comprend plus de 250 icônes de drapeaux à code source ouvert, d'Andorre au Zimbabwe.

Les icônes Flagpack sont optimisées pour les petites tailles, ce qui les rend parfaitement adaptées à tous vos besoins en matière d'interface utilisateur. Elles sont fournies avec plusieurs styles prédéfinis ou vous pouvez personnaliser l'apparence à votre guise, si vous préférez. Deux versions sont disponibles : Les designers peuvent utiliser le Flagpack dans Figma et Sketch, les développeurs peuvent l'installer directement dans leur projet de code (React, Vue et Svelte sont pris en charge). Sympa !

Boring avatars et Absurd Illustrations...

Vous avez besoin d'avatars au format SVG pour votre projet ? Boring Avatars a tout ce qu'il vous faut. Mais ne vous laissez pas tromper par le nom : Les avatars sont tout sauf ennuyeux.

Cette minuscule bibliothèque React génère des avatars ronds personnalisés, au format SVG, à partir de n'importe quel nom d'utilisateur et de n'importe quelle palette de couleurs. Six styles différents sont disponibles, des motifs abstraits tout comme des smileys sympathiques. Vous pouvez choisir une palette de couleurs aléatoire ou créer la vôtre à partir de rien pour adapter les avatars à votre design. Un petit détail sympathique.

Absurd Illustrations, créées par Diana Valeanu, sont une autre ressource fantastique dont le nom peut vous laisser perplexe pour un moment. Sa série d'illustrations combine l'absurdité et un sens profond de l'enfance et de la naïveté pour emmener chaque utilisateur dans un voyage individuel à travers son imagination. Une belle célébration de l'imparfait qui nous manque parfois à l'ère du numérique, une absurdité qui a du sens.

Icônes de santé à code source ouvert 

Lorsque des personnes du monde entier partagent la même vision et travaillent ensemble à un objectif commun, de grandes choses peuvent se produire. Des choses comme le projet "Health Icons". Ce projet est le fruit d'un effort bénévole visant à créer un "bien commun" pour les projets de santé du monde entier. Il comprend plus de 870 icônes du domaine public qui peuvent être utilisées gratuitement dans tout type de projet.

Groupes sanguins, parties du corps et organes, diagnostics, médicaments, dispositifs médicaux, véhicules et personnes - cet ensemble couvre tout ce que vous pouvez demander en matière de santé. Chaque icône est proposée en trois styles différents (contour, remplissage, négatif) et est disponible aux formats SVG et PNG. Il existe également un plugin Figma qui facilite la recherche et l'inclusion d'icônes dans votre conception.

Icônes des sciences de la vie à code source ouvert

Vaccins, virus, génétique, physiologie, bioinformatique. Ce ne sont là que quelques-uns des sujets couverts par le fascinant ensemble de Bioicons créé par Simon Duerr. Au total, vous trouverez 1 700 illustrations de sciences de la vie en code source libre dans le jeu - facilement consultable et filtrable, bien sûr.

Le site prend en charge deux modes : vous pouvez copier les icônes en SVG dans le presse-papiers et les coller directement dans Illustrator pour modifier les couleurs ou supprimer des parties. Vous pouvez également télécharger le SVG pour l'utiliser sur le web, dans un logiciel graphique et même dans les produits Microsoft Office. Un ensemble semblable à une encyclopédie - si vous n'y trouvez pas ce que vous cherchez, vous ne le trouverez probablement nulle part.

Icônes et CSS sur le thème de la météo 

222 icônes sur le thème de la météo, avec 28 phases lunaires, l'échelle de force du vent de Beaufort et des alertes de vent maritime : voilà ce que vous trouverez dans le lot gratuit d'icônes météo créé par Erik Flowers.

Vous pouvez copier et coller les icônes dans votre application de design préférée directement à partir du site. Les CSS permettent de styliser et de personnaliser facilement les icônes, comme vous le feriez pour du texte. N'hésitez pas à modifier leur couleur, à ajouter des ombres, à les mettre à l'échelle, à les faire pivoter ou à les retourner pour qu'elles s'intègrent parfaitement à votre design. Les classes d'API météo les plus courantes sont également prises en charge, au cas où vous en auriez besoin.

Icônes d'été et de tourisme

Barbecues, voyage à la plage, exploration d'une nouvelle ville - l'été est le moment de créer des souvenirs. Pour apporter un peu de cette ambiance estivale à vos projets, vous pouvez jeter un coup d'œil aux ensembles d'icônes " Summer Time " et " Tourism " que les gens de Design Zone offrent en téléchargement gratuit. Chaque ensemble comprend 20 icônes vectorielles (en version colorée et linéaire) et est proposé aux formats AI, EPS et PNG. Vous pouvez utiliser ces icônes pour des projets personnels ou commerciaux.

Illustrations plates avec des caractères

Fini les sites Web commerciaux ennuyeux ! Le lot d'illustrations plates proposé par Getillustrations.com ajoutera certainement un caractère à votre projet. Il présente des compositions gratuites pour les entreprises, les boutiques en ligne et le marketing. Des personnages dans diverses poses et scènes, colorés, détendus et sympathiques.

Le site propose des ensembles gratuits en constante évolution (l'attribution du lien est requise), et les versions commerciales sont accompagnées de vecteurs personnalisables pour Figma, Sketch, Ai, SVG, AdobeXD et Iconjar. Bonnes résolutions garanties !

Un univers d'icônes à code source ouvert

Ce qui n'était au départ qu'un projet semestriel d'étudiants en design d'interaction et de communication est devenu une bibliothèque complète d'emoji et d'icônes à code source ouvert : OpenMoji. Près de 4 000 icônes ont été soigneusement conçues et révisées pour le projet, allant des émojis sur le thème de l'UX et de la technologie aux animaux, à la nature, à la nourriture, aux personnes, aux activités, aux lieux, et bien plus encore. Les icônes sont disponibles en version colorée ou non, aux formats SVG et PNG.

Open Peeps

584 688 combinaisons possibles. C'est le nombre de personnages différents que vous pouvez créer avec la bibliothèque d'illustrations dessinées à la main de Pablo Stanley, Open Peeps.

Open Peeps vous permet de mélanger et d'associer différents éléments vectoriels pour créer des personnalités diverses : combinez des vêtements et des coiffures, changez vos émotions avec des expressions faciales, plantez le décor avec différentes poses - les possibilités sont infinies. Et si vous êtes pressé, Pablo a également préparé des Peeps prêts à être téléchargés que vous pouvez utiliser immédiatement. Une excellente façon d'ajouter une touche artisanale à votre création.

Illustrations vectorielles gratuites 

Une vache enlevée par des extraterrestres, un cornet de glace échappé avec un visage triste, le monstre de Lochness sortant de l'eau. Ce sont là quelques-unes des animations d'erreurs amusantes que les gens de Pixel True Studios proposent de télécharger gratuitement dans leur ensemble d'illustrations et d'animations vectorielles.

Outre les animations d'état d'erreur, l'ensemble comprend plus de 500 illustrations, icônes et animations pour représenter tout ce qu'un projet Web peut exiger : arrière-plans, emoji, avatars, etc. Les illustrations sont disponibles en SVG, PNG, AI, Sketch et Figma, et les animations sont réalisées avec Lottie. Un excellent moyen d'ajouter une touche amusante et conviviale à un design.

Remerciements

Un grand merci aux esprits créatifs qui ont conçu ces éléments gratuits et, bien sûr, à tous ceux qui, d'une manière ou d'une autre, rendent service à la communauté. Le web ne serait pas le même sans vous. ❤️

Rejoignez Mawahib