{"id":43136,"date":"2018-03-08T21:01:04","date_gmt":"2018-03-08T13:01:04","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=43136"},"modified":"2018-03-08T18:56:10","modified_gmt":"2018-03-08T10:56:10","slug":"feather-icons-pack","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/","title":{"rendered":"Feather Icons – A Beautiful, Minimalist and Free Icons Set"},"content":{"rendered":"

If you search around the web you\u2019ll find tons of free icon sets<\/a> tailor made for the web. These are incredibly useful for all types of websites<\/strong> because graphics always spruce up a layout.<\/p>\n

It\u2019s really hard to find free icon sets that match your design. Typically your best option is a minimalist icon set like Feather<\/a>.<\/p>\n

Read Also:<\/strong> 30 Free Education Icons Sets<\/a><\/p>\n

This new set is full of line icons with a clean design<\/strong>. The icons feel more like interface icons but they can work as feature-type icons on your homepage too.<\/p>\n

Either way they\u2019re all open source and totally free to use on any website<\/strong>.<\/p>\n

You don\u2019t need much knowledge of frontend coding to get these working. Yes you\u2019ll need to spend some time in the code<\/strong>, but you shouldn\u2019t struggle to get this running.<\/p>\n

If you haven\u2019t used icon fonts on the web then Feather is a great place to start.<\/p>\n

Check out their newbies guide<\/a> if you\u2019re not sure what to do. It\u2019ll walk you through everything to get your site up and running with these icons.<\/p>\n

You do need to call an external JS file, something not very common among other icon sets. But if you don\u2019t wanna use the webfonts then just download the SVG vectors and embed those<\/strong>.<\/p>\n

In fact, the team even created a small CodePen template<\/a> that you can copy\/paste into your code. This is perfect for learning the basic codes and redesigning for your site without starting from scratch<\/strong>.<\/p>\n

But if you\u2019re big into coding check out the small API reference<\/a> on their GitHub page. This lets you control icon styles and change vector formats with a few lines of JavaScript.<\/p>\n

\"sample<\/a><\/figure>\n

Keep in mind this icon set may not fit every site<\/strong>. It\u2019s important to look over the Feather icons and decide for yourself if these minimalist designs can work for you.<\/p>\n

Take a peek at their homepage<\/a> to get a look at their entire collection. You\u2019ll find a link to the main documentation on GitHub with all the steps needed to get this running.<\/p>\n

And if you have any questions or suggestions for the author you can shoot him a tweet @colebemis<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

If you search around the web you\u2019ll find tons of free icon sets tailor made for the web. These are incredibly useful for all types of websites because graphics always spruce up a layout. It\u2019s really hard to find free icon sets that match your design. Typically your best option is a minimalist icon set…<\/p>\n","protected":false},"author":18,"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":[1391],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nFeather Icons - A Beautiful, Minimalist and Free Icons Set - Hongkiat<\/title>\n<meta name=\"description\" content=\"If you search around the web you'll find tons of free icon sets tailor made for the web. These are incredibly useful for all types of websites because\" \/>\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\/feather-icons-pack\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Feather Icons - A Beautiful, Minimalist and Free Icons Set\" \/>\n<meta property=\"og:description\" content=\"If you search around the web you'll find tons of free icon sets tailor made for the web. These are incredibly useful for all types of websites because\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/\" \/>\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=\"2018-03-08T13:01:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/feather-icons-pack\/02-example-feather-iconset-preview.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Feather Icons – A Beautiful, Minimalist and Free Icons Set\",\"datePublished\":\"2018-03-08T13:01:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/\"},\"wordCount\":387,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/feather-icons-pack\\\/02-example-feather-iconset-preview.jpg\",\"keywords\":[\"Icons\"],\"articleSection\":[\"Graphics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/\",\"name\":\"Feather Icons - A Beautiful, Minimalist and Free Icons Set - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/feather-icons-pack\\\/02-example-feather-iconset-preview.jpg\",\"datePublished\":\"2018-03-08T13:01:04+00:00\",\"description\":\"If you search around the web you'll find tons of free icon sets tailor made for the web. These are incredibly useful for all types of websites because\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/feather-icons-pack\\\/02-example-feather-iconset-preview.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/feather-icons-pack\\\/02-example-feather-iconset-preview.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/feather-icons-pack\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Feather Icons – A Beautiful, Minimalist and Free Icons Set\"}]},{\"@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\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Feather Icons - A Beautiful, Minimalist and Free Icons Set - Hongkiat","description":"If you search around the web you'll find tons of free icon sets tailor made for the web. These are incredibly useful for all types of websites because","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\/feather-icons-pack\/","og_locale":"en_US","og_type":"article","og_title":"Feather Icons - A Beautiful, Minimalist and Free Icons Set","og_description":"If you search around the web you'll find tons of free icon sets tailor made for the web. These are incredibly useful for all types of websites because","og_url":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-03-08T13:01:04+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/feather-icons-pack\/02-example-feather-iconset-preview.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Feather Icons – A Beautiful, Minimalist and Free Icons Set","datePublished":"2018-03-08T13:01:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/"},"wordCount":387,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/feather-icons-pack\/02-example-feather-iconset-preview.jpg","keywords":["Icons"],"articleSection":["Graphics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/","url":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/","name":"Feather Icons - A Beautiful, Minimalist and Free Icons Set - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/feather-icons-pack\/02-example-feather-iconset-preview.jpg","datePublished":"2018-03-08T13:01:04+00:00","description":"If you search around the web you'll find tons of free icon sets tailor made for the web. These are incredibly useful for all types of websites because","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/feather-icons-pack\/02-example-feather-iconset-preview.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/feather-icons-pack\/02-example-feather-iconset-preview.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/feather-icons-pack\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Feather Icons – A Beautiful, Minimalist and Free Icons Set"}]},{"@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\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-bdK","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43136","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\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=43136"}],"version-history":[{"count":1,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43136\/revisions"}],"predecessor-version":[{"id":43137,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43136\/revisions\/43137"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=43136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=43136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=43136"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=43136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}