{"id":2546,"date":"2026-03-26T10:31:45","date_gmt":"2026-03-26T09:31:45","guid":{"rendered":"https:\/\/www.fanny-dirriere.fr\/blog\/?p=2546"},"modified":"2026-03-26T10:34:41","modified_gmt":"2026-03-26T09:34:41","slug":"les-differents-types-d-icones","status":"publish","type":"post","link":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/","title":{"rendered":"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Temps de lecture : <\/span> <span class=\"rt-time\"> 5<\/span> <span class=\"rt-label rt-postfix\">min<\/span><\/span>\n<p><strong>Les ic\u00f4nes, aussi appel\u00e9es pictogrammes ou pictos, sont utiles en communication. On les retrouve un peu partout : sur les sites web, les applications mobiles, la signal\u00e9tique, les documents imprim\u00e9s&#8230; Elles permettent de communiquer rapidement une id\u00e9e ou de r\u00e9aliser une action gr\u00e2ce \u00e0 une image simplifi\u00e9e.<\/strong><\/p>\n\n\n\n<p><strong>Mais saviez-vous qu\u2019il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages ? Dans cet article, nous allons explorer en profondeur les diff\u00e9rents styles et familles, leurs avantages, et les meilleures pratiques pour les int\u00e9grer efficacement dans vos projets.<\/strong><\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Au sommaire<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Quest-ce_quune_icone\" >Qu&rsquo;est-ce qu&rsquo;une ic\u00f4ne ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Les_differents_types_dicones_selon_le_style_graphique\" >Les diff\u00e9rents types d&rsquo;ic\u00f4nes selon le style graphique<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_en_contour\" >Ic\u00f4nes en contour<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_semi-pleines\" >Ic\u00f4nes semi-pleines<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_pleines\" >Ic\u00f4nes pleines<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_bicolores\" >Ic\u00f4nes bicolores<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_3D\" >Ic\u00f4nes 3D<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_dessinees_a_la_main\" >Ic\u00f4nes dessin\u00e9es \u00e0 la main<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_texturees\" >Ic\u00f4nes textur\u00e9es<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_pixel_pixel_art\" >Ic\u00f4nes pixel (pixel art)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Icones_cartoon\" >Ic\u00f4nes cartoon<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Comment_choisir_le_bon_style_dicone\" >Comment choisir le bon style d\u2019ic\u00f4ne ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Les_pictos_selon_leur_fonction\" >Les pictos selon leur fonction<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Comment_creer_ses_pictos\" >Comment cr\u00e9er ses pictos ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Bonnes_pratiques_pour_lutilisation_dicones\" >Bonnes pratiques pour l\u2019utilisation d\u2019ic\u00f4nes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Formats_courants_des_pictos\" >Formats courants des pictos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Ou_trouver_des_pictos\" >O\u00f9 trouver des pictos ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#FAQ\" >FAQ<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#Pour_conclure\" >Pour conclure<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Quest-ce_quune_icone\"><\/span>Qu&rsquo;est-ce qu&rsquo;une ic\u00f4ne ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Une ic\u00f4ne est un symbole graphique simple, compr\u00e9hensible d&rsquo;un coup d&rsquo;\u0153il, qui repr\u00e9sente <strong>une id\u00e9e, une action, un objet ou une fonction<\/strong>. Elle est pr\u00e9sente dans <strong>les interfaces num\u00e9riques, de l&rsquo;application mobile \u00e0 la signal\u00e9tique urbaine<\/strong>. Par son aspect visuel direct, elle permet une <strong>communication rapide, intuitive et universelle<\/strong>. C&rsquo;est un picto qui traverse toutes les barri\u00e8res linguistiques.<\/p>\n\n\n\n<p>Elle peut \u00eatre abstraite (fl\u00e8che, croix) ou figurative (loupe, maison), stylis\u00e9e ou r\u00e9aliste. Le choix de son style et de sa fonction d\u00e9pend de nombreux facteurs : <strong>contexte, cible, support, coh\u00e9rence graphique<\/strong>&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_differents_types_dicones_selon_le_style_graphique\"><\/span>Les diff\u00e9rents types d&rsquo;ic\u00f4nes selon le style graphique<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/Les-differents-types-dicones-visuel-1024x768.jpg\" alt=\"Les diff\u00e9rents types d'ic\u00f4nes\" class=\"wp-image-2549\" srcset=\"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/Les-differents-types-dicones-visuel-1024x768.jpg 1024w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/Les-differents-types-dicones-visuel-300x225.jpg 300w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/Les-differents-types-dicones-visuel-768x576.jpg 768w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/Les-differents-types-dicones-visuel-1536x1152.jpg 1536w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/Les-differents-types-dicones-visuel-80x60.jpg 80w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/Les-differents-types-dicones-visuel.jpg 2001w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_en_contour\"><\/span>Ic\u00f4nes en contour<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Minimalistes et l\u00e9g\u00e8res, elles sont constitu\u00e9es de traits simples. Elles s&rsquo;int\u00e8grent parfaitement dans des interfaces modernes et \u00e9pur\u00e9es.<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> polyvalentes et adaptables, l\u00e9g\u00e8res en poids (optimis\u00e9es pour le web), claires et lisibles, de petite taille.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_semi-pleines\"><\/span>Ic\u00f4nes semi-pleines<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Combinant contour et zones pleines, elles permettent un bon compromis entre minimalisme et visibilit\u00e9.<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> accentuation de certaines parties de l\u2019ic\u00f4ne et hi\u00e9rarchisation visuelle facilit\u00e9e.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_pleines\"><\/span>Ic\u00f4nes pleines<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Ces ic\u00f4nes sont enti\u00e8rement remplies. Elles offrent une excellente visibilit\u00e9, surtout sur les \u00e9crans petits ou sur fond contrast\u00e9.<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> fort impact visuel et id\u00e9ales pour l\u2019accessibilit\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_bicolores\"><\/span>Ic\u00f4nes bicolores<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Utilisent deux couleurs pour enrichir la signification ou le style. Elles peuvent exprimer davantage de nuances ou faire le lien avec une charte graphique.<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> plus expressives, permettent de jouer sur les contrastes ou la marque.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_3D\"><\/span>Ic\u00f4nes 3D<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Apportent de la profondeur et du r\u00e9alisme. R\u00e9centes et en vogue dans les interfaces modernes, elles cr\u00e9ent un effet \u00ab\u00a0tactile\u00a0\u00bb.<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> sensation de volume et de mati\u00e8re, innovantes, immersives.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_dessinees_a_la_main\"><\/span>Ic\u00f4nes dessin\u00e9es \u00e0 la main<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Donne un effet artisanal, chaleureux, id\u00e9al pour des projets cr\u00e9atifs, artistiques ou \u00e9ducatifs.<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> style authentique et humain, diff\u00e9renciation forte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_texturees\"><\/span>Ic\u00f4nes textur\u00e9es<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Int\u00e8grent des effets de mati\u00e8re comme par exemples, le papier, le bois, ou encore le m\u00e9tal, pour un rendu plus sensoriel.<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> richesse visuelle, r\u00e9alisme accru.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_pixel_pixel_art\"><\/span>Ic\u00f4nes pixel (pixel art)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Inspir\u00e9es des anciens jeux vid\u00e9o, elles utilisent une grille de pixels visibles pour un effet nostalgique et geek. \ud83d\udc7e<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> identit\u00e9 visuelle forte, id\u00e9ales pour des projets r\u00e9tro ou tech.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Icones_cartoon\"><\/span>Ic\u00f4nes cartoon<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\">Color\u00e9es, expressives, ludiques. Elles humanisent l\u2019interface et cr\u00e9ent de la proximit\u00e9.<\/p>\n\n\n\n<p><strong>Avantages :<\/strong> style d\u00e9contract\u00e9, approche empathique et conviviale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Comment_choisir_le_bon_style_dicone\"><\/span>Comment choisir le bon style d\u2019ic\u00f4ne ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Le choix du style graphique d\u2019ic\u00f4nes doit r\u00e9pondre \u00e0 plusieurs crit\u00e8res :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Public cible<\/strong> : enfants, professionnels, personnes \u00e2g\u00e9es&#8230;<\/li>\n\n\n\n<li><strong>Type de projet<\/strong> : jeu, application, logiciel, site vitrine ou e-commerce&#8230;<\/li>\n\n\n\n<li><strong>Ton souhait\u00e9<\/strong> : ludique, s\u00e9rieux, dynamique, cr\u00e9atif&#8230;<\/li>\n\n\n\n<li><strong>Charte graphique<\/strong> : couleurs, typographies, illustrations&#8230;<\/li>\n\n\n\n<li><strong>Contexte technique<\/strong> : responsive (qui s&rsquo;adapte \u00e0 tous les appareils), interface clair \/ sombre, accessibilit\u00e9&#8230;<\/li>\n<\/ul>\n\n\n\n<p>Un style coh\u00e9rent avec l\u2019identit\u00e9 visuelle garantit une <strong>meilleure exp\u00e9rience utilisateur.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Les_pictos_selon_leur_fonction\"><\/span>Les pictos selon leur fonction<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ces pictos peuvent \u00eatre class\u00e9es par fonction, selon ce qu\u2019elles permettent d\u2019exprimer dans l\u2019interface :<\/p>\n\n\n\n<p><strong>1. Ic\u00f4nes d\u2019action<\/strong> : elles indiquent une action \u00e0 entreprendre (enregistrer, partager, supprimer&#8230;).<br><strong>2. Pictos de navigation<\/strong> : permettent de se d\u00e9placer (menu, retour, fl\u00e8ches, carte&#8230;).<br><strong>3. Ic\u00f4nes d\u2019\u00e9tat<\/strong> : signalent un statut (chargement, erreur, succ\u00e8s, inactif&#8230;).<br><strong>4. Ic\u00f4nes de notification<\/strong> : alertent ou informent l\u2019utilisateur (badge rouge, point d\u2019exclamation, cloche&#8230;).<br><strong>5. Ic\u00f4nes de marque ou personnalis\u00e9es<\/strong> : li\u00e9es \u00e0 l\u2019identit\u00e9 visuelle d\u2019une entreprise (logo simplifi\u00e9, pictogramme repr\u00e9sentatif, favicon&#8230;).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"170\" src=\"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/favicon-1024x170.jpg\" alt=\"Favicon ICO : une ic\u00f4ne pour le navigateur\" class=\"wp-image-2578\" srcset=\"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/favicon-1024x170.jpg 1024w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/favicon-300x50.jpg 300w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/favicon-768x128.jpg 768w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/favicon-1536x256.jpg 1536w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/favicon-361x60.jpg 361w, https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/favicon.jpg 2001w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Comment_creer_ses_pictos\"><\/span>Comment cr\u00e9er ses pictos ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>1. Choisir un outil de design<\/strong><\/p>\n\n\n\n<p>Des logiciels comme Adobe Illustrator, Figma ou encore Sketch permettent de cr\u00e9er des <strong>ic\u00f4nes vectorielles pr\u00e9cises<\/strong>. Vous pouvez contacter un graphiste sp\u00e9cialis\u00e9 si vous n&rsquo;avez pas de comp\u00e9tence en cr\u00e9ation graphique.<\/p>\n\n\n\n<p><strong>2. Respecter la grille<\/strong><\/p>\n\n\n\n<p>Une ic\u00f4ne s\u2019inscrit g\u00e9n\u00e9ralement dans <strong>une grille carr\u00e9e <\/strong>(24&#215;24 px, 32&#215;32 px, etc.) pour assurer l\u2019alignement.<\/p>\n\n\n\n<p><strong>3. Penser responsive<\/strong><\/p>\n\n\n\n<p>Elles doivent \u00eatre lisibles \u00e0 diff\u00e9rentes tailles. Travailler les pictos en simplifiant les formes.<\/p>\n\n\n\n<p><strong>4. Adapter \u00e0 l\u2019usage<\/strong><\/p>\n\n\n\n<p>Ic\u00f4nes interactives ? Ancr\u00e9es dans une charte ? Pr\u00e9vues pour le web ? Il faut anticiper leur comportement.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\"><strong>Zoom : pictos anim\u00e9es et \u00e9volution des interfaces<\/strong><br>Avec l\u2019essor du motion design, les <strong>ic\u00f4nes anim\u00e9es <\/strong>(via Lottie, SVG anim\u00e9, GIF) gagnent en popularit\u00e9. Elles renforcent le<strong> feedback utilisateur<\/strong> et <strong>rendent les interfaces modernes plus dynamiques<\/strong>. <br>Exemples : picto de chargement anim\u00e9e, passage de l\u2019ic\u00f4ne vide \u00e0 remplie (favori)&#8230; <br>Elles doivent <strong>rester discr\u00e8tes, fluides<\/strong> et<strong> utiles<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bonnes_pratiques_pour_lutilisation_dicones\"><\/span>Bonnes pratiques pour l\u2019utilisation d\u2019ic\u00f4nes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Utiliser un seul style sur l&rsquo;ensemble du projet afin de garder une certaine coh\u00e9rence g\u00e9n\u00e9rale<\/li>\n\n\n\n<li>Assurer la lisibilit\u00e9 \u00e0 petite taille<\/li>\n\n\n\n<li>Pr\u00e9voir un contraste suffisant avec le fond<\/li>\n\n\n\n<li>Ne pas multiplier les ic\u00f4nes : chaque symbole doit avoir une utilit\u00e9<\/li>\n\n\n\n<li>Accompagner d\u2019un texte \u00e9ventuel si l\u2019ic\u00f4ne n\u2019est pas \u00e9vidente<\/li>\n\n\n\n<li>Tester l\u2019accessibilit\u00e9 (lecteurs d\u2019\u00e9cran, daltonisme&#8230;)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Formats_courants_des_pictos\"><\/span>Formats courants des pictos<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SVG<\/strong> : vectoriel, l\u00e9ger et modifiable<\/li>\n\n\n\n<li><strong>PNG<\/strong> : matriciel, id\u00e9al pour les rendus fixes, mais non redimensionnable sans perte<\/li>\n\n\n\n<li><strong>ICO<\/strong> : sp\u00e9cifique aux favicons pour les navigateurs. <\/li>\n\n\n\n<li><strong>Fontes d\u2019ic\u00f4nes<\/strong> : comme Font Awesome (via CSS), pratiques mais moins personnalisables<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ou_trouver_des_pictos\"><\/span>O\u00f9 trouver des pictos ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Banques gratuites<\/strong> : <a href=\"https:\/\/www.flaticon.com\/fr\/\">Flaticon<\/a>, <a href=\"https:\/\/fr.freepik.com\/icones\">Freepik<\/a>, <a href=\"https:\/\/icones8.fr\/icons\">Icones8<\/a>&#8230;<\/li>\n\n\n\n<li><strong>Contacter un graphiste<\/strong> pour la r\u00e9alisation sur mesure des pictogrammes.<\/li>\n\n\n\n<li><strong>G\u00e9n\u00e9rateurs IA<\/strong> : certains outils permettent de cr\u00e9er des ic\u00f4nes adapt\u00e9es en quelques clics (par prompt textuel).<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"FAQ\"><\/span>FAQ<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Quel format d\u2019ic\u00f4ne privil\u00e9gier ?<\/strong> Le SVG pour sa souplesse, sa qualit\u00e9 ind\u00e9pendante de la r\u00e9solution, et sa compatibilit\u00e9 web.<\/p>\n\n\n\n<p><strong>Peut-on utiliser des pictos sans texte ?<\/strong> Oui, mais seulement si elles sont universellement comprises (loupe, corbeille). Sinon, il vaut mieux les accompagner d&rsquo;un libell\u00e9.<\/p>\n\n\n\n<p><strong>Combien de pictos diff\u00e9rents faut-il dans un site ?<\/strong> Il faut limiter la vari\u00e9t\u00e9 et se concentrer sur les fonctions essentielles. Une vingtaine d\u2019ic\u00f4nes bien choisies suffit souvent.<\/p>\n\n\n\n<p><strong>Les ic\u00f4nes ont-elles un impact sur la performance ?<\/strong> Oui, surtout si elles sont nombreuses ou en format lourd (PNG, SVG tr\u00e8s d\u00e9taill\u00e9).<\/p>\n\n\n\n<p><strong>Peut-on animer toutes les pictos ?<\/strong> Techniquement oui, mais l\u2019utilit\u00e9 doit primer. Une animation non justifi\u00e9e peut distraire.<\/p>\n\n\n\n<p><strong>Comment cr\u00e9er des ic\u00f4nes sur mesure si je n&rsquo;ai pas de comp\u00e9tence en cr\u00e9ation graphique ? <\/strong>Contacter un graphiste sp\u00e9cialis\u00e9 pour la cr\u00e9ation des ic\u00f4nes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Pour_conclure\"><\/span>Pour conclure<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><strong>Les ic\u00f4nes ne sont pas de simples images. Bien pens\u00e9es, elles fluidifient l\u2019exp\u00e9rience utilisateur, renforcent la compr\u00e9hension et cr\u00e9ent une identit\u00e9 visuelle forte. Chaque d\u00e9tail compte, elles m\u00e9ritent donc toute notre attention.<\/strong><\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f9f6f4\"><strong>Vous cherchez un graphiste pour la cr\u00e9ation de vos ic\u00f4nes, pictos ?<\/strong><br>N&rsquo;h\u00e9sitez pas \u00e0 me contacter ! <a href=\"\/contact\">Me contacter<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Temps de lecture : <\/span> <span class=\"rt-time\"> 5<\/span> <span class=\"rt-label rt-postfix\">min<\/span><\/span>Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.<\/p>\n","protected":false},"author":1,"featured_media":2548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-2546","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-techniques","latest_post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet - Blog \u00b7 Fanny Dirri\u00e8re<\/title>\n<meta name=\"description\" content=\"Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet\" \/>\n<meta property=\"og:description\" content=\"Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog \u00b7 Fanny Dirri\u00e8re\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/fanny.dirriere.infographiste\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fanny.dirriere.infographiste\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-26T09:31:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T09:34:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/article-mise-en-avant.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2001\" \/>\n\t<meta property=\"og:image:height\" content=\"1501\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fanny Dirri\u00e8re\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet\" \/>\n<meta name=\"twitter:description\" content=\"Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/article-mise-en-avant.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/fdirriere\" \/>\n<meta name=\"twitter:site\" content=\"@fdirriere\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fanny Dirri\u00e8re\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/\"},\"author\":{\"name\":\"Fanny Dirri\u00e8re\",\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/#\\\/schema\\\/person\\\/12b712cac641a5f626cb9cb27aa0910b\"},\"headline\":\"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet\",\"datePublished\":\"2026-03-26T09:31:45+00:00\",\"dateModified\":\"2026-03-26T09:34:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/\"},\"wordCount\":1270,\"publisher\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/#\\\/schema\\\/person\\\/12b712cac641a5f626cb9cb27aa0910b\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/article-mise-en-avant.jpg\",\"articleSection\":[\"Techniques\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/\",\"url\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/\",\"name\":\"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet - Blog \u00b7 Fanny Dirri\u00e8re\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/article-mise-en-avant.jpg\",\"datePublished\":\"2026-03-26T09:31:45+00:00\",\"dateModified\":\"2026-03-26T09:34:41+00:00\",\"description\":\"Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/article-mise-en-avant.jpg\",\"contentUrl\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/article-mise-en-avant.jpg\",\"width\":2001,\"height\":1501,\"caption\":\"Les diff\u00e9rents types d'ic\u00f4nes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/les-differents-types-d-icones\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/\",\"name\":\"Blog \u00b7 Fanny Dirri\u00e8re\",\"description\":\"Retrouvez des contenus sur le d\u00e9veloppement de votre activit\u00e9, des connaissances, des ressources et des conseils dans le domaine de la communication.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/#\\\/schema\\\/person\\\/12b712cac641a5f626cb9cb27aa0910b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/#\\\/schema\\\/person\\\/12b712cac641a5f626cb9cb27aa0910b\",\"name\":\"Fanny Dirri\u00e8re\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cropped-logo-blog.png\",\"url\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cropped-logo-blog.png\",\"contentUrl\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cropped-logo-blog.png\",\"width\":5638,\"height\":1575,\"caption\":\"Fanny Dirri\u00e8re\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cropped-logo-blog.png\"},\"description\":\"Je suis graphiste freelance \u00e0 Reims depuis 2016. V\u00e9ritable passionn\u00e9e, j\u2019accompagne les entreprises dans leurs projets de communication. Je suis sp\u00e9cialis\u00e9e dans la conception des identit\u00e9s visuelles : logo, supports de communication, design et covering sur v\u00e9hicule, design des enseignes, cr\u00e9ation d'illustrations et supports pour les \u00e9v\u00e8nements. Je suis aussi experte dans le design des sites, interfaces web, jeux et applications.\",\"sameAs\":[\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\",\"https:\\\/\\\/www.facebook.com\\\/fanny.dirriere.infographiste\",\"https:\\\/\\\/www.instagram.com\\\/fanny.dirriere\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/fanny-lehuraux-0528b553\\\/\",\"https:\\\/\\\/x.com\\\/https:\\\/\\\/twitter.com\\\/fdirriere\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCa5Rb4VYtjKVqC0o8iXBiSg\"],\"url\":\"https:\\\/\\\/www.fanny-dirriere.fr\\\/blog\\\/author\\\/fanny-lhx\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet - Blog \u00b7 Fanny Dirri\u00e8re","description":"Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/","og_locale":"fr_FR","og_type":"article","og_title":"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet","og_description":"Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.","og_url":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/","og_site_name":"Blog \u00b7 Fanny Dirri\u00e8re","article_publisher":"https:\/\/www.facebook.com\/fanny.dirriere.infographiste","article_author":"https:\/\/www.facebook.com\/fanny.dirriere.infographiste","article_published_time":"2026-03-26T09:31:45+00:00","article_modified_time":"2026-03-26T09:34:41+00:00","og_image":[{"width":2001,"height":1501,"url":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/article-mise-en-avant.jpg","type":"image\/jpeg"}],"author":"Fanny Dirri\u00e8re","twitter_card":"summary_large_image","twitter_title":"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet","twitter_description":"Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.","twitter_image":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/article-mise-en-avant.jpg","twitter_creator":"@https:\/\/twitter.com\/fdirriere","twitter_site":"@fdirriere","twitter_misc":{"\u00c9crit par":"Fanny Dirri\u00e8re","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#article","isPartOf":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/"},"author":{"name":"Fanny Dirri\u00e8re","@id":"https:\/\/www.fanny-dirriere.fr\/blog\/#\/schema\/person\/12b712cac641a5f626cb9cb27aa0910b"},"headline":"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet","datePublished":"2026-03-26T09:31:45+00:00","dateModified":"2026-03-26T09:34:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/"},"wordCount":1270,"publisher":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/#\/schema\/person\/12b712cac641a5f626cb9cb27aa0910b"},"image":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/article-mise-en-avant.jpg","articleSection":["Techniques"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/","url":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/","name":"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet - Blog \u00b7 Fanny Dirri\u00e8re","isPartOf":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#primaryimage"},"image":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/article-mise-en-avant.jpg","datePublished":"2026-03-26T09:31:45+00:00","dateModified":"2026-03-26T09:34:41+00:00","description":"Les ic\u00f4ne sont utiles en communication. Il existe plusieurs types d\u2019ic\u00f4nes, chacun ayant ses propres caract\u00e9ristiques, fonctions et usages.","breadcrumb":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#primaryimage","url":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/article-mise-en-avant.jpg","contentUrl":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/04\/article-mise-en-avant.jpg","width":2001,"height":1501,"caption":"Les diff\u00e9rents types d'ic\u00f4nes"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fanny-dirriere.fr\/blog\/les-differents-types-d-icones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.fanny-dirriere.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"Les diff\u00e9rents types d\u2019ic\u00f4nes : le guide complet"}]},{"@type":"WebSite","@id":"https:\/\/www.fanny-dirriere.fr\/blog\/#website","url":"https:\/\/www.fanny-dirriere.fr\/blog\/","name":"Blog \u00b7 Fanny Dirri\u00e8re","description":"Retrouvez des contenus sur le d\u00e9veloppement de votre activit\u00e9, des connaissances, des ressources et des conseils dans le domaine de la communication.","publisher":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/#\/schema\/person\/12b712cac641a5f626cb9cb27aa0910b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fanny-dirriere.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/#\/schema\/person\/12b712cac641a5f626cb9cb27aa0910b","name":"Fanny Dirri\u00e8re","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/03\/cropped-logo-blog.png","url":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/03\/cropped-logo-blog.png","contentUrl":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/03\/cropped-logo-blog.png","width":5638,"height":1575,"caption":"Fanny Dirri\u00e8re"},"logo":{"@id":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-content\/uploads\/2025\/03\/cropped-logo-blog.png"},"description":"Je suis graphiste freelance \u00e0 Reims depuis 2016. V\u00e9ritable passionn\u00e9e, j\u2019accompagne les entreprises dans leurs projets de communication. Je suis sp\u00e9cialis\u00e9e dans la conception des identit\u00e9s visuelles : logo, supports de communication, design et covering sur v\u00e9hicule, design des enseignes, cr\u00e9ation d'illustrations et supports pour les \u00e9v\u00e8nements. Je suis aussi experte dans le design des sites, interfaces web, jeux et applications.","sameAs":["https:\/\/www.fanny-dirriere.fr\/blog","https:\/\/www.facebook.com\/fanny.dirriere.infographiste","https:\/\/www.instagram.com\/fanny.dirriere\/","https:\/\/www.linkedin.com\/in\/fanny-lehuraux-0528b553\/","https:\/\/x.com\/https:\/\/twitter.com\/fdirriere","https:\/\/www.youtube.com\/channel\/UCa5Rb4VYtjKVqC0o8iXBiSg"],"url":"https:\/\/www.fanny-dirriere.fr\/blog\/author\/fanny-lhx\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/posts\/2546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/comments?post=2546"}],"version-history":[{"count":43,"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/posts\/2546\/revisions"}],"predecessor-version":[{"id":3000,"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/posts\/2546\/revisions\/3000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/media\/2548"}],"wp:attachment":[{"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/media?parent=2546"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/categories?post=2546"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fanny-dirriere.fr\/blog\/wp-json\/wp\/v2\/tags?post=2546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}