{"id":23454,"date":"2020-03-17T21:06:50","date_gmt":"2020-03-17T13:06:50","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23454"},"modified":"2023-04-25T19:06:06","modified_gmt":"2023-04-25T11:06:06","slug":"free-font-icons-to-bookmark","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/","title":{"rendered":"9 FontAwesome Alternatives That Are Equally As Good"},"content":{"rendered":"<p>Using font icons is a popular way to display icons on your website, especially since custom fonts are better supported in CSS3. Fonts are resizable without compromising quality \u2014 they are <strong>resolution-independent<\/strong>, which makes them look crisp on any screen density, and they are also <strong>customizable through CSS<\/strong>. We can easily change the color, size, and even <a href=\"https:\/\/www.hongkiat.com\/blog\/css3-animation-steps\/\" rel=\"noopener\" target=\"_blank\">animate font icons with CSS3<\/a>.<\/p>\n<p><a href=\"https:\/\/fontawesome.com\/\" target=\"_blank\" rel=\"noopener\">FontAwesome<\/a> is one of the most popular sources for font icons, with a huge collection of icons. However, it is unnecessary to download the entire collection if you only need to use a few.<\/p>\n<p>Here are <strong>some alternative sources of well-crafted font icons<\/strong> that I hope you will find useful when building your next great website or app, instead of using FontAwesome.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/webfont-icons\/\" class=\"ref-block__link\" title=\"Read More: A Guide to Better and Sharper UI Icons with Web Fonts\" rel=\"bookmark\"><span class=\"screen-reader-text\">A Guide to Better and Sharper UI Icons with Web Fonts<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/webfont-icons.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-15616 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/webfont-icons.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">A Guide to Better and Sharper UI Icons with Web Fonts<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tAre you using bitmap images like PNGs and GIFs for icons on your website? If so, you might...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/www.flaticon.com\/\">Flaticon<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/flaticon.jpg\" alt=\"Flaticon\" width=\"1500\" height=\"1137\"><\/figure>\n<p>Flaticon is a definitive source for high-quality and versatile icons, with over 9.9 million vector icons available in various formats, including PNG, SVG, EPS, PSD, and CSS formats. The icon library has a user-friendly interface that allows you to search for assets by keyword, type, author, pack, or style. You can also customize the icons\u2019 size, color, and background to suit your project\u2019s needs.<\/p>\n<p><strong>License:<\/strong> Flaticon offers a freemium service. This means that you can access a lot of content for free, but there is a Premium membership available starting at $8.5 per month<\/p>\n<hr>\n<h2><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/stackicons.com\/\">StackIcons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/stackicons.jpg?2\" alt=\"stackicons\" width=\"1000\" height=\"302\"><\/figure>\n<p>StackIcons are font icons for over 60 modern social brands. They come with CSS, allowing you to style your font in many container shapes. You can get your social brand icons in circles, squares, or with rounded edges.<\/p>\n<p>You can also color the icons in more than one color, giving you more realistic brand colors.<\/p>\n<p><strong>License<\/strong>: SIL Open Font and MIT<\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/ellekasai.github.io\/twemoji-awesome\/\">Twemoji Awesome<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/twemoji-awesome.jpg?2\" alt=\"fonticon twemoji\" width=\"700\" height=\"430\"><\/figure>\n<p>Twemoji is an open-source emoticon project from Twitter. Elle Kasai has ported it to a font icon called <strong>Twemoji Awesome<\/strong>. All class names to display the icons are the same as the <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/ellekasai.github.io\/twemoji-awesome\/\">Twemoji Cheat Sheet<\/a>, but you need to use a dash instead of an underscore. That\u2019s all.<\/p>\n<p>Here is an example of how we add the <code>hatching_chick<\/code> icon:<\/p>\n<pre>\r\n &lt;i class=\"twa twa-lg twa-hatching-chick\"&gt;&lt;\/i&gt;\r\n<\/pre>\n<p><strong>License:<\/strong> MIT and CC-BY for the Emoticon graphics<\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/lex.sh\/fontdiao\/\">Font Diao<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/Font-Diao.jpg?2\" alt=\"fonticon diao\" width=\"1000\" height=\"540\"><\/figure>\n<p>Font Diao is a collection of font icons from popular websites or companies based in China, such as Alibaba, Alipay, WeChat, Xiaomi, and Weibo.<\/p>\n<p>The font may come in handy when you are building websites designated for a Chinese mainland audience who are likely familiar with this particular font.<\/p>\n<p><strong>License:<\/strong> Public License<\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/shalinguyen.github.io\/socialicious\/\">Socialicious<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/Socialicious.jpg?2\" alt=\"fonticon socialicious\" width=\"1000\" height=\"598\"><\/figure>\n<p>Socialicious is a font that is exclusively built for popular social websites such as Facebook, Twitter, and Instagram. The font is designed to work nicely with Bootstrap.<\/p>\n<p>Here is an example code to build a button with Bootstrap\u2019s <code>.btn<\/code> class in conjunction with font classes.<\/p>\n<pre>\r\n &lt;a class=\"btn btn-linkedin\"&gt;\r\n &lt;i class=\"icon-linkedin\"&gt;&lt;\/i&gt; Connect with Linkedin\r\n &lt;\/a&gt;\r\n<\/pre>\n<p><strong>License:<\/strong> MIT License.<\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/octicons.github.com\/\">Octicons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/Octicons.jpg?2\" alt=\"octicons\" width=\"1000\" height=\"467\"><\/figure>\n<p><strong>Octicons<\/strong> is a set of font icons presented by GitHub, which allows you to use the same icons as those used by GitHub on your project. There are more than 170 icons ready to be applied to your next project.<\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.androidicons.com\/\">Android Icons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/android-icons.jpg?2\" alt=\"fonticon androidicons\" width=\"1000\" height=\"517\"><\/figure>\n<p>This is the icon set created by Opoloo, previously known as the Android community. It includes 250 awesome icons in five sizes and 14 colors of native Android icons.<\/p>\n<p><strong>License<\/strong>: Attribution-ShareAlike 4.0 International<\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/vorillaz\/devicons\">DevIcons<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/devicons.jpg?2\" alt=\"devicons\" width=\"1000\" height=\"485\"><\/figure>\n<p><strong>DevIcons<\/strong> is a set of font icons handcrafted by Theodore Vorillas. It contains 85 symbols and logos of familiar development applications such as the GitHub icon, Gulp icon, Angular icon, and many others.<\/p>\n<p><strong>License:<\/strong> MIT<\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/github.com\/iconic\/open-iconic\">Open Iconic<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/open-iconic.jpg?2\" alt=\"open iconic\" width=\"1000\" height=\"541\"><\/figure>\n<p>Open Icon contains 223 icons ready to use with bootstrap, a framework or your own stylesheet. The font size is small, just 12.4Kb, which is about a quarter of what you can find in FontAwesome.<\/p>\n<p>The cool thing here is, these icons can be scaled down to 8px.<\/p>\n<p><strong>License:<\/strong> SIL.<\/p>\n<hr>\n<h2><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/zavoloklom.github.io\/material-design-iconic-font\/\">Material Design Iconic Font<\/a><\/h2>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/material-design-iconic-font.jpg?2\" alt=\"material design fonts\" width=\"1000\" height=\"775\"><\/figure>\n<p>There are 15 categories of Google Material Design-inspired font icons in this pack. To use them, simply install <em>Material-Design-Iconic-Font.ttf<\/em> and refer to this <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/zavoloklom.github.io\/material-design-iconic-font\/cheatsheet.html\">cheatsheet<\/a>. Copy and paste the icons (not the Unicode) into your project.<\/p>\n<p>You can enlarge the icons, add borders, spin, rotate, or flip them using CSS.<\/p>\n<p><strong>License<\/strong>: Attribution-ShareAlike 4.0 International<\/p>","protected":false},"excerpt":{"rendered":"<p>Using font icons is a popular way to display icons on your website, especially since custom fonts are better supported in CSS3. Fonts are resizable without compromising quality \u2014 they are resolution-independent, which makes them look crisp on any screen density, and they are also customizable through CSS. We can easily change the color, size,&hellip;<\/p>\n","protected":false},"author":141,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1050],"tags":[2233,1391],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>9 FontAwesome Alternatives That Are Equally As Good - Hongkiat<\/title>\n<meta name=\"description\" content=\"Using font icons is a popular way to display icons on your website, especially since custom fonts are better supported in CSS3. Fonts are resizable\" \/>\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.hongkiat.com\/blog\/free-font-icons-to-bookmark\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"9 FontAwesome Alternatives That Are Equally As Good\" \/>\n<meta property=\"og:description\" content=\"Using font icons is a popular way to display icons on your website, especially since custom fonts are better supported in CSS3. Fonts are resizable\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-17T13:06:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-25T11:06:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/flaticon.jpg\" \/>\n<meta name=\"author\" content=\"Agus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bagusdesain\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Agus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/\"},\"author\":{\"name\":\"Agus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\"},\"headline\":\"9 FontAwesome Alternatives That Are Equally As Good\",\"datePublished\":\"2020-03-17T13:06:50+00:00\",\"dateModified\":\"2023-04-25T11:06:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/\"},\"wordCount\":677,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-font-icons-to-bookmark\\\/flaticon.jpg\",\"keywords\":[\"Icon Font\",\"Icons\"],\"articleSection\":[\"Graphics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/\",\"name\":\"9 FontAwesome Alternatives That Are Equally As Good - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-font-icons-to-bookmark\\\/flaticon.jpg\",\"datePublished\":\"2020-03-17T13:06:50+00:00\",\"dateModified\":\"2023-04-25T11:06:06+00:00\",\"description\":\"Using font icons is a popular way to display icons on your website, especially since custom fonts are better supported in CSS3. Fonts are resizable\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-font-icons-to-bookmark\\\/flaticon.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/free-font-icons-to-bookmark\\\/flaticon.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/free-font-icons-to-bookmark\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"9 FontAwesome Alternatives That Are Equally As Good\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/b23dad06815dff0bcc222088bed549dd\",\"name\":\"Agus\",\"description\":\"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/bagusdesain\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/agus\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"9 FontAwesome Alternatives That Are Equally As Good - Hongkiat","description":"Using font icons is a popular way to display icons on your website, especially since custom fonts are better supported in CSS3. Fonts are resizable","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.hongkiat.com\/blog\/free-font-icons-to-bookmark\/","og_locale":"en_US","og_type":"article","og_title":"9 FontAwesome Alternatives That Are Equally As Good","og_description":"Using font icons is a popular way to display icons on your website, especially since custom fonts are better supported in CSS3. Fonts are resizable","og_url":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2020-03-17T13:06:50+00:00","article_modified_time":"2023-04-25T11:06:06+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/flaticon.jpg","type":"","width":"","height":""}],"author":"Agus","twitter_card":"summary_large_image","twitter_creator":"@bagusdesain","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Agus","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/"},"author":{"name":"Agus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd"},"headline":"9 FontAwesome Alternatives That Are Equally As Good","datePublished":"2020-03-17T13:06:50+00:00","dateModified":"2023-04-25T11:06:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/"},"wordCount":677,"commentCount":8,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/flaticon.jpg","keywords":["Icon Font","Icons"],"articleSection":["Graphics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/","url":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/","name":"9 FontAwesome Alternatives That Are Equally As Good - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/flaticon.jpg","datePublished":"2020-03-17T13:06:50+00:00","dateModified":"2023-04-25T11:06:06+00:00","description":"Using font icons is a popular way to display icons on your website, especially since custom fonts are better supported in CSS3. Fonts are resizable","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/flaticon.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/free-font-icons-to-bookmark\/flaticon.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/free-font-icons-to-bookmark\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"9 FontAwesome Alternatives That Are Equally As Good"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/b23dad06815dff0bcc222088bed549dd","name":"Agus","description":"Agus is a music enthusiast, backpacker and code writer. He has an ambition to build a Skynet on top of HTML and CSS.","sameAs":["https:\/\/x.com\/bagusdesain"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/agus\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-66i","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/141"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=23454"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23454\/revisions"}],"predecessor-version":[{"id":66683,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23454\/revisions\/66683"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=23454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=23454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=23454"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=23454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}