{"id":44526,"date":"2021-01-22T09:00:33","date_gmt":"2021-01-22T08:00:33","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=44526"},"modified":"2025-08-26T11:14:27","modified_gmt":"2025-08-26T09:14:27","slug":"web-icon-fonts-gratuites","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/","title":{"rendered":"14 icon fonts esth\u00e9tiques et gratuites pour le web"},"content":{"rendered":"<p>De nos jours, avoir \u00e0 disposition de bonnes polices d&#8217;ic\u00f4nes est un \u00e9l\u00e9ment essentiel de tout site web. Elle doit s\u2019adapter au design, y compris dans le cadre d&#8217;une conception web responsive ; elle doit \u00eatre facile \u00e0 superviser, et on doit facilement pouvoir en faire varier la couleur, la taille.<\/p>\n<p>Toutes les propri\u00e9t\u00e9s CSS pour le texte sont applicables aux icon fonts, et c&#8217;est bien s\u00fbr un avantage majeur.<br \/>\nCet article recense quelques polices d&#8217;ic\u00f4nes populaires, d\u2019autres r\u00e9cemment publi\u00e9es sur le web.<\/p>\n<h2>Les icon fonts g\u00e9n\u00e9ralistes<\/h2>\n<p><em>Ces packs d\u2019ic\u00f4nes comptent parmi les plus populaires, car ils sont bien souvent la seule ressource dont vous aurez besoin\u00a0: ces polices couvrent tous les domaines et disposent d\u2019une quantit\u00e9 impressionnante d\u2019ic\u00f4nes.<\/em><\/p>\n<h3>Font Awesome, la plus populaire<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44528\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/fontawesome.jpg\" alt=\"FontAwesome web font icon\" width=\"700\" height=\"383\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/fontawesome.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/fontawesome-300x164.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/fontawesome-370x202.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/fontawesome-270x148.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/fontawesome-570x312.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/fontawesome.com\/\" target=\"_blank\" rel=\"noopener\">Font Awesome<\/a> est la reine incontest\u00e9e des <a href=\"https:\/\/www.codeur.com\/blog\/top-polices-web-safe\/\">polices<\/a> d&#8217;ic\u00f4nes. Dans une m\u00eame collection, elle offre plusieurs centaines d\u2019ic\u00f4nes diff\u00e9rentes. Bien qu&#8217;elle ait \u00e9t\u00e9 con\u00e7ue \u00e0 l&#8217;origine pour le framework Bootstrap, Font Awesome fonctionne bien avec tous les autres frameworks. L&#8217;h\u00e9bergement du pack d&#8217;ic\u00f4nes est le meilleur moyen de l&#8217;utiliser, les plans bas\u00e9s sur la solution Cloud ont des limites d&#8217;utilisation.<\/p>\n<h3>Icofont, la plus compl\u00e8te<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44527\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/icofont.jpg\" alt=\"Icofont web font icon\" width=\"700\" height=\"414\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/icofont.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/icofont-300x177.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/icofont-370x219.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/icofont-270x160.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/icofont-570x337.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/icofont.com\/\" target=\"_blank\" rel=\"noopener\">Icofont<\/a> est sans doute la police d&#8217;ic\u00f4ne la plus fournie que vous pouvez t\u00e9l\u00e9charger et utiliser gratuitement. Cette police comprend en effet plus de 2100 ic\u00f4nes r\u00e9parties dans 30 cat\u00e9gories diff\u00e9rentes telles que la monnaie, les logos sociaux, les logos de marque, etc. L&#8217;un des avantages de ce pack est qu&#8217;il est disponible \u00e0 la fois au format SVG et comme police.<\/p>\n<h3>Elegant Icon, pour les th\u00e8mes WordPress Elegant<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44529\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/elegant-icons.jpg\" alt=\"Elegant Icons web font icon\" width=\"700\" height=\"376\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/elegant-icons.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/elegant-icons-300x161.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/elegant-icons-370x199.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/elegant-icons-270x145.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/elegant-icons-570x306.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nLa police <a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/elegant-icon-font\" target=\"_blank\" rel=\"noopener\">Elegant Icon<\/a> comprend 360 ic\u00f4nes gratuites couvrant une vari\u00e9t\u00e9 d&#8217;utilisations. Toutes les ic\u00f4nes sont enti\u00e8rement libres d&#8217;utilisation. Comme son nom l&#8217;indique, la police Elegant Icon vient d\u2019Elegant Themes, les cr\u00e9ateurs du c\u00e9l\u00e8bre th\u00e8me pour WordPress Divi.<\/p>\n<h3>Ionicons, l&#8217;icon font open-source<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44531\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ionicons.jpg\" alt=\" web font icon\" width=\"700\" height=\"523\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ionicons.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ionicons-300x224.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ionicons-370x276.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ionicons-270x202.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ionicons-570x426.jpg 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ionicons-80x60.jpg 80w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/ionicons.com\/\" target=\"_blank\" rel=\"noopener\">Ionicons<\/a> est un autre ensemble d&#8217;ic\u00f4nes pr\u00e9sentant cette fois un trait simple et minimaliste. Cette police est sp\u00e9cialement con\u00e7ue pour la conception d&#8217;interfaces utilisateur web et mobiles et elle est compatible avec les plateformes iOS et Android. Elle comporte un total impressionnant de plus de 1000 ic\u00f4nes. Elle est sous licence open-source.<\/p>\n<h3>Dripicons, la minimaliste<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44532\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/dripicons.jpg\" alt=\" Dripicons web font icon\" width=\"700\" height=\"427\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/dripicons.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/dripicons-300x183.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/dripicons-370x226.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/dripicons-270x165.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/dripicons-570x348.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"http:\/\/demo.amitjakhu.com\/dripicons\/\" target=\"_blank\" rel=\"noopener\">Dripicons<\/a> est une collection d&#8217;ic\u00f4nes pr\u00e9sentant \u00e9galement des motifs lisses et minimalistes. Les ic\u00f4nes permettent des mises en page modernes, qui conviennent \u00e0 la fois aux interfaces utilisateur web et mobiles. Leur utilisation est gratuite m\u00eame pour les projets commerciaux.<\/p>\n<h3>Typicons, la classique<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44533\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/typicons.jpg\" alt=\"Typicons web font icon\" width=\"700\" height=\"533\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/typicons.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/typicons-300x228.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/typicons-370x282.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/typicons-270x206.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/typicons-570x434.jpg 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/typicons-80x60.jpg 80w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/www.s-ings.com\/typicons\/\" target=\"_blank\" rel=\"noopener\">Typicons<\/a> comprend plus de 330 mod\u00e8les d&#8217;ic\u00f4nes diff\u00e9rents, class\u00e9s dans plusieurs cat\u00e9gories. C\u2019est un ensemble d&#8217;ic\u00f4nes l\u00e9g\u00e8res et simples, qui conviendront \u00e0 la fois sur le web et sur les interfaces utilisateur des applications natives.<\/p>\n<h3>Genericons, pour les blogs<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1547 size-large\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21-1024x586.png\" alt=\"genericons - 60 Ic\u00f4nes vectorielles\" width=\"770\" height=\"441\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21-1024x586.png 1024w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21-300x172.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21-768x440.png 768w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21-370x212.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21-270x155.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21-570x326.png 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21-740x424.png 740w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2013\/03\/Capture-decran-2013-03-19-a-21.54.21.png 1198w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><br \/>\nInitialement cr\u00e9\u00e9e pour les blogs, <a href=\"https:\/\/genericons.com\/\" target=\"_blank\" rel=\"noopener\">Genericons<\/a> propose toutes les ic\u00f4nes utiles pour votre blog, ainsi que d&#8217;autres pouvant \u00eatre utilis\u00e9es sur votre site comme le calendrier, les fl\u00e8ches, les r\u00e9seaux sociaux, les liens, les commentaires etc. Genericons compte actuellement une centaine d&#8217;ic\u00f4nes\u00a0vectorielles.<\/p>\n<h2>La web fonts sociales<\/h2>\n<p><em>Si vous cherchez \u00e0 inclure les r\u00e9seaux sociaux dans un th\u00e8me, ou un plugin ou que sais-je encore, vous avez peut-\u00eatre besoin d\u2019une police d\u00e9di\u00e9e uniquement \u00e0 cette t\u00e2che\u00a0: les polices g\u00e9n\u00e9ralistes ne sont pas toute exhaustives en mati\u00e8re d\u2019ic\u00f4nes pour les r\u00e9seaux sociaux.<\/em><\/p>\n<h3>Socialico<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44534\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/socialico.jpg\" alt=\"Socialico web font icon r\u00e9seaux sociaux\" width=\"700\" height=\"239\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/socialico.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/socialico-300x102.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/socialico-370x126.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/socialico-270x92.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/socialico-570x195.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\n<a href=\"https:\/\/fonts2u.com\/socialico.font\" target=\"_blank\" rel=\"noopener\">Socialico<\/a> est un ensemble de 74 ic\u00f4nes diff\u00e9rentes de m\u00e9dias sociaux. Si vous avez besoin d&#8217;ajouter une vari\u00e9t\u00e9 de r\u00e9seaux de m\u00e9dias sociaux \u00e0 votre th\u00e8me ou \u00e0 votre site web, c&#8217;est une excellente option.<\/p>\n<h3>Fontawesome<\/h3>\n<p>Evidemment, les fonts de Fontawesome disposent \u00e9galement de tous les <a href=\"https:\/\/fontawesome.com\/icons\/categories\/social\">ic\u00f4nes de r\u00e9seaux sociaux<\/a> dont vous avez besoin.<\/p>\n<h2>Les font icons sp\u00e9cialis\u00e9es<\/h2>\n<p><em>Vous avez des besoins plus sp\u00e9cifiques, voici une s\u00e9lection de polices particuli\u00e8res, r\u00e9pondant \u00e0 des besoins tr\u00e8s pr\u00e9cis.<\/em><\/p>\n<h3>PW Drawn Icon Font, les ic\u00f4nes dessins<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44535\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/pxdrawicon.jpg\" alt=\"icones\" width=\"628\" height=\"382\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/pxdrawicon.jpg 628w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/pxdrawicon-300x182.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/pxdrawicon-370x225.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/pxdrawicon-270x164.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/pxdrawicon-570x347.jpg 570w\" sizes=\"(max-width: 628px) 100vw, 628px\" \/><br \/>\nLa police <a href=\"https:\/\/www.peax-webdesign.com\/goodies\/free-icons\/icones-gratuites\/icon-font.html\" target=\"_blank\" rel=\"noopener\">PW Drawn Icon Font<\/a> comprend plus de 80 ic\u00f4nes gratuites dans un style tr\u00e8s particulier. Elle est d\u00e9finitivement diff\u00e9rente des autres packs d&#8217;ic\u00f4nes de cette liste, avec un style \u00ab\u00a0crayonn\u00e9\u00a0\u00bb qui, s\u2019il ne conviendra pas \u00e0 tous les projets, a le m\u00e9rite du sortir du lot\u00a0!<\/p>\n<h3>Symbol Signs, la police des symboles et panneaux<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-44536\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/designworkplan.jpg\" alt=\"icones\" width=\"653\" height=\"560\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/designworkplan.jpg 964w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/designworkplan-300x257.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/designworkplan-768x659.jpg 768w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/designworkplan-370x317.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/designworkplan-270x232.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/designworkplan-570x489.jpg 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/designworkplan-740x635.jpg 740w\" sizes=\"(max-width: 653px) 100vw, 653px\" \/><br \/>\nL\u00e0 aussi, cette police n&#8217;est pas destin\u00e9e \u00e0 tous les projets, mais si vous avez un besoin sp\u00e9cifique, c&#8217;est une excellente option. <a href=\"https:\/\/www.designworkplan.com\/read\/symbol-signs\" target=\"_blank\" rel=\"noopener\">Symbol Signs<\/a> est en effet une collection des 50 symboles de signalisation les plus couramment utilis\u00e9s.<\/p>\n<h3>Weather Icons, l&#8217;icon font m\u00e9t\u00e9o<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44537\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/weather-icons.jpg\" alt=\"icones\" width=\"700\" height=\"428\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/weather-icons.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/weather-icons-300x183.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/weather-icons-370x226.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/weather-icons-270x165.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/weather-icons-570x349.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nVous cherchez des ic\u00f4nes m\u00e9t\u00e9o\u00a0? <a href=\"https:\/\/elements.envato.com\/weather-icons-and-font-S6LQ7C\" target=\"_blank\" rel=\"noopener\">Weather Icons<\/a> comprend un ensemble d&#8217;ic\u00f4nes de 32 ic\u00f4nes m\u00e9t\u00e9o \u00e9l\u00e9gantes. Ces ic\u00f4nes sont disponibles dans plusieurs formats notamment AI, SVG, EPS et bien s\u00fbr sous forme de police d\u2019\u00e9criture. Le design \u00e9pur\u00e9 et simple de ces ic\u00f4nes les rend adapt\u00e9es \u00e0 tous les types de projets.<\/p>\n<h3>150 eCommerce Icons, id\u00e9ale pour les e-commerce<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-44538\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ecommerce.jpg\" alt=\"icones\" width=\"700\" height=\"453\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ecommerce.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ecommerce-300x194.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ecommerce-370x239.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ecommerce-270x175.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/ecommerce-570x369.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nIl s&#8217;agit d&#8217;une collection de pack d&#8217;ic\u00f4nes pr\u00e9sentant un design moderne et minimaliste. <a href=\"https:\/\/elements.envato.com\/ecommerce-icons-GQ6TWF\" target=\"_blank\" rel=\"noopener\">150 eCommerce Icons<\/a> comprend 150 ic\u00f4nes diff\u00e9rentes que vous pouvez utiliser dans diff\u00e9rents projets de site de commerce en ligne. Les ic\u00f4nes sont disponibles en version EPS, AI, SVG, ainsi qu&#8217;en une police de caract\u00e8res pour ic\u00f4nes.<\/p>\n<h3>Map Icons, l&#8217;icon font pour les cartes<\/h3>\n<p>Vous avez besoin d&#8217;un ensemble d&#8217;ic\u00f4nes que vous pourrez utiliser avec l&#8217;API Google Map&nbsp;? Si oui, les <a href=\"https:\/\/github.com\/scottdejonge\/map-icons\" target=\"_blank\" rel=\"noopener\">Map Icons<\/a> sont faites pour vous. Tr\u00e8s utiles pour afficher des lieux de mani\u00e8re plus esth\u00e9tique.<\/p>\n<p>Des d\u00e9veloppeurs web freelances peuvent vous aider \u00e0 impl\u00e9menter ces polices d&#8217;ic\u00f4nes sur votre site web. Publiez votre projet gratuitement sur <a href=\"https:\/\/www.codeur.com\/fonctionnement-codeur\">Codeur.com<\/a> pour recevoir leur devis rapidement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>De nos jours, avoir \u00e0 disposition de bonnes polices d&#8217;ic\u00f4nes est un \u00e9l\u00e9ment essentiel de tout site web. Elle doit s\u2019adapter au design, y compris dans le cadre d&#8217;une conception web responsive ; elle doit \u00eatre facile \u00e0 superviser, et on doit facilement pouvoir en faire varier la couleur, la taille. Toutes les propri\u00e9t\u00e9s CSS [&hellip;]<\/p>\n","protected":false},"author":69,"featured_media":44540,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[21],"tags":[79],"class_list":["post-44526","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-ressources"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>14 icon fonts esth\u00e9tiques et gratuites pour le web<\/title>\n<meta name=\"description\" content=\"De nos jours, avoir \u00e0 disposition de bonnes polices d&#039;ic\u00f4nes est un \u00e9l\u00e9ment essentiel de tout site web. Elle doit s\u2019adapter au design, y compris dans le\" \/>\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.codeur.com\/blog\/web-icon-fonts-gratuites\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"14 icon fonts esth\u00e9tiques et gratuites pour le web\" \/>\n<meta property=\"og:description\" content=\"De nos jours, avoir \u00e0 disposition de bonnes polices d&#039;ic\u00f4nes est un \u00e9l\u00e9ment essentiel de tout site web. Elle doit s\u2019adapter au design, y compris dans le\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-22T08:00:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-26T09:14:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"C\u00e9dric Reymbaut\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeur\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"C\u00e9dric Reymbaut\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/\"},\"author\":{\"name\":\"C\u00e9dric Reymbaut\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\"},\"headline\":\"14 icon fonts esth\u00e9tiques et gratuites pour le web\",\"datePublished\":\"2021-01-22T08:00:33+00:00\",\"dateModified\":\"2025-08-26T09:14:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/\"},\"wordCount\":1050,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg\",\"keywords\":[\"Ressources\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/\",\"name\":\"14 icon fonts esth\u00e9tiques et gratuites pour le web\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg\",\"datePublished\":\"2021-01-22T08:00:33+00:00\",\"dateModified\":\"2025-08-26T09:14:27+00:00\",\"description\":\"De nos jours, avoir \u00e0 disposition de bonnes polices d'ic\u00f4nes est un \u00e9l\u00e9ment essentiel de tout site web. Elle doit s\u2019adapter au design, y compris dans le\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg\",\"width\":1024,\"height\":618,\"caption\":\"font icons\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphisme\",\"item\":\"https:\/\/www.codeur.com\/blog\/graphisme\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Webdesign\",\"item\":\"https:\/\/www.codeur.com\/blog\/graphisme\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"14 icon fonts esth\u00e9tiques et gratuites pour le web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\",\"name\":\"C\u00e9dric Reymbaut\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"caption\":\"C\u00e9dric Reymbaut\"},\"description\":\"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/cedric\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"14 icon fonts esth\u00e9tiques et gratuites pour le web","description":"De nos jours, avoir \u00e0 disposition de bonnes polices d'ic\u00f4nes est un \u00e9l\u00e9ment essentiel de tout site web. Elle doit s\u2019adapter au design, y compris dans le","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.codeur.com\/blog\/web-icon-fonts-gratuites\/","og_locale":"fr_FR","og_type":"article","og_title":"14 icon fonts esth\u00e9tiques et gratuites pour le web","og_description":"De nos jours, avoir \u00e0 disposition de bonnes polices d'ic\u00f4nes est un \u00e9l\u00e9ment essentiel de tout site web. Elle doit s\u2019adapter au design, y compris dans le","og_url":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2021-01-22T08:00:33+00:00","article_modified_time":"2025-08-26T09:14:27+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg","type":"image\/jpeg"}],"author":"C\u00e9dric Reymbaut","twitter_card":"summary_large_image","twitter_creator":"@codeur","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"C\u00e9dric Reymbaut","Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/"},"author":{"name":"C\u00e9dric Reymbaut","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c"},"headline":"14 icon fonts esth\u00e9tiques et gratuites pour le web","datePublished":"2021-01-22T08:00:33+00:00","dateModified":"2025-08-26T09:14:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/"},"wordCount":1050,"commentCount":0,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg","keywords":["Ressources"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/","url":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/","name":"14 icon fonts esth\u00e9tiques et gratuites pour le web","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg","datePublished":"2021-01-22T08:00:33+00:00","dateModified":"2025-08-26T09:14:27+00:00","description":"De nos jours, avoir \u00e0 disposition de bonnes polices d'ic\u00f4nes est un \u00e9l\u00e9ment essentiel de tout site web. Elle doit s\u2019adapter au design, y compris dans le","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/01\/iconfonts.jpg","width":1024,"height":618,"caption":"font icons"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/web-icon-fonts-gratuites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Graphisme","item":"https:\/\/www.codeur.com\/blog\/graphisme\/"},{"@type":"ListItem","position":3,"name":"Webdesign","item":"https:\/\/www.codeur.com\/blog\/graphisme\/webdesign\/"},{"@type":"ListItem","position":4,"name":"14 icon fonts esth\u00e9tiques et gratuites pour le web"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c","name":"C\u00e9dric Reymbaut","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","caption":"C\u00e9dric Reymbaut"},"description":"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.","sameAs":["https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/"],"url":"https:\/\/www.codeur.com\/blog\/author\/cedric\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/44526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=44526"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/44526\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/44540"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=44526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=44526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=44526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}