{"id":3720,"date":"2017-11-01T10:01:31","date_gmt":"2017-11-01T04:31:31","guid":{"rendered":"https:\/\/www.innovationm.com\/blog\/?p=3720"},"modified":"2023-01-20T18:55:52","modified_gmt":"2023-01-20T13:25:52","slug":"font-awesome-hassel-free-icon-set","status":"publish","type":"post","link":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/","title":{"rendered":"Font Awesome: Hassel Free Icon Set"},"content":{"rendered":"

 <\/p>\n

What is Font Awesome?<\/strong><\/p>\n

Font Awesome is a free vector icons-pack which you can use it in your app or web. Font Awesome has 675 free Icons with a variety of categories like web-applications set, accessibility set, transportation set, file-type icon set, form-control icon set and more. Font Awesome is outline and filled-outline set of Icons.<\/p>\n

\"Font-Awesome.png\"<\/p>\n

You just need to include TTF file in your project and you\u2019re good to use Font Awesome Icons set. Same applies with your Android Project or iOS Project.<\/p>\n

Why Font Awesome?<\/strong><\/p>\n

Imagine, you need an Icon for your app them, it\u2019s quite obvious that you need the same icon with different pixels as you have to satisfy for different screen resolution.<\/p>\n

Font Awesome come in rescue to solve this problem.<\/p>\n

How Font Awesome Works?<\/strong><\/p>\n

Have you ever specified different font size for the different screen?<\/p>\n

The answer is NO.<\/p>\n

\"FontAwesome-Text-Icons.0041.jpg\"<\/p>\n

As Font adjust itself with the screen resolution. So, you don\u2019t need to worry about these. Now, there is Font Awesome,\u00a0who treats every icon as a character. It\u2019s flexible enough to adjust itself to any screen.<\/p>\n

Benefits<\/strong><\/p>\n

Till now, you\u2019ve to ask your UI Designers for every icon while developing your App or Website. From now, you can use Font Awesome Icons instead. You can customize the fill color of icons as per your need.<\/p>\n

Since Font Awesome belongs to single ttf file. As you don\u2019t have to carry all your icons in a directory.<\/p>\n

With the single file, It enhances the rendering performance.<\/p>\n

Font Awesome Icons are the vector, therefore it looks smooth in retina display.<\/p>\n

You can customize it with CSS effects like shadow color and text color.<\/p>\n

Yes, It has Limitations<\/strong><\/p>\n

You can\u2019t customize it with flat style or 3D effect in your icons. You’re limited to outline design. Most of the web designers don\u2019t like single solid color icons.<\/p>\n

Web Implementation<\/strong><\/p>\n

If you were developing your web application with Bootstrap framework then, it\u2019s a good pair to attach with. Though, you\u2019ve Glyph icons pack in Bootstrap itself, but, it\u2019s not that huge as Font Awesome is.<\/p>\n

Step 1.<\/strong><\/p>\n

Go to http:\/\/fontawesome.io<\/a> and download Font Awesome 4 Icon Pack.<\/p>\n

Step2.<\/strong><\/p>\n

You\u2019ll get these files,<\/p>\n

\"Screen<\/p>\n

Step3.<\/strong><\/p>\n

Import css and fonts files respectively in your web project folder,<\/p>\n

\"Screen<\/p>\n

\"Screen<\/p>\n

You won\u2019t get style.css <\/strong>in your font awesome. Add manually, as we\u2019re going to add custom style in style.css file.<\/p>\n

Step 4.<\/strong><\/p>\n

Move to index.html<\/strong> file and add html boilerplate code<\/p>\n\n\n\n
\n
<!DOCTYPE html>\r\n\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n\r\n<title>Font Awesome Demo<\/title>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\r\n<\/body>\r\n\r\n<\/html><\/pre>\n
 <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Step 5.<\/strong><\/p>\n
Next, you\u2019ve have to import font awesome css file in your index.html file. Since, Font Awesome is external stylesheet file. So, you have to add it using <link\/> tag.<\/p>\n
Add it in between <head\/> tag.<\/p>\n
<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n\r\n<title>Font Awesome Demo<\/title>\r\n\r\n<!-- Font Awesome -->\r\n\r\n<link rel=\"stylesheet\" href=\"css\/font-awesome.min.css\">\r\n\r\n<!-- Custom Style -->\r\n\r\n<link rel=\"stylesheet\" href=\"css\/style.css\">\r\n\r\n<\/head><\/pre>\n
 <\/p>\n
Step 6.<\/strong>Do the same for style.css which is going to be the custom stylesheet for our demo project where we define our own styling. We\u2019ll use this in our future demonstration.<\/p>\n
Next, we\u2019ll go to fontawesome.io website > Icons (http:\/\/fontawesome.io\/icons\/<\/a>)<\/p>\n
Choose any of the Icon which you want to show.<\/p>\n
Say, I clicked on Bluetooth icon.<\/p>\n
\"Screen<\/p>\n
If you want to add, Bluetooth Icon just put this line in <body> where you want to add<\/p>\n
<i class=\"fa fa-bluetooth\" aria-hidden=\"true\"><\/i><\/pre>\n
So, mine look like instead of <i> tag, i prefer <span> tag as per Bootstrap guidelines.<\/p>\n
<span class=\"fa fa-bluetooth\"><\/span><\/pre>\n
fa-lg\u00a0<\/span>Above icon is default size. If you want to manipulate the size then Font Awesome has some predefined size-class.<\/p>\n
    \n
  1. fa-2x<\/li>\n
  2. fa-3x<\/li>\n
  3. fa-4x<\/li>\n
  4. fa-5x<\/li>\n<\/ol>\n
    So my code, look like<\/p>\n
    <!-- Font Awesome Sizes -->\r\n\r\n<span class=\"fa fa-bluetooth\"><\/span>\r\n\r\n<span class=\"fa fa-bluetooth fa-lg\"><\/span>\r\n\r\n<span class=\"fa fa-bluetooth fa-2x\"><\/span>\r\n\r\n<span class=\"fa fa-bluetooth fa-3x\"><\/span>\r\n\r\n<span class=\"fa fa-bluetooth fa-4x\"><\/span>\r\n\r\n<span class=\"fa fa-bluetooth fa-5x\"><\/span><\/pre>\n
     <\/p>\n
    And, after rendering it looks like<\/p>\n
    \"Screen<\/p>\n
    Till now it\u2019s in solid black color. What if, I want my Icons in green color.<\/p>\n
    Then, You have to style your icon.<\/p>\n
    Open style.css file and add a custom class<\/p>\n\n\n\n
    .fontInGreen<\/strong>{<\/p>\n
    color: green;<\/p>\n
    }<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    And, apply it with span tag.<\/p>\n\n\n\n
    \n
    <!-- Font Awesome Styling -->\r\n\r\n<span class=\"fa fa-bluetooth fa-5x fontInGreen\"><\/span><\/pre>\n
     <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
    \"Screen<\/p>\n
    iOS Implementation<\/strong><\/p>\n
    You can also use Font Awesome in your iOS Project. You just need Font Awesome ttf file in your Project. And, you are almost done.<\/p>\n
    So, follow below steps:-<\/p>\n
    Step 1.<\/strong><\/p>\n
    Drap-and-Drop font awesome-webfont.ttf<\/strong> file in your project.<\/p>\n
    \"Screen<\/p>\n
    Step 2.<\/strong><\/p>\n
    Mention FontAwesome file in your Info.plist file against UIAppFonts<\/strong> key. Since you\u2019re going to use external font file so, you\u2019ve to mention in your app\u2019s Info.plist file.<\/p>\n
    \"Screen<\/p>\n
    Step 3. <\/strong><\/p>\n
    Add SwiftFontAwesome.swift reusable class in your project.<\/p>\n
    Just Drag and Drop SwiftFontAwesome.swift<\/strong><\/p>\n
    Step 4.<\/strong><\/p>\n
    Say, you want to place an Icon in your View. Then, you assume it would be UIImageView. But, in case of font awesome, you have to use UIlabel instead of UIImageView as Font Awesome Icons are the character in itself.<\/p>\n
    \"Screen<\/p>\n
    \"Screen<\/p>\n
    And, assign SwiftFontAwesome<\/strong> in Label Class.<\/p>\n
    Step5.<\/strong><\/p>\n
    Make an outlet of the label and assign icon.<\/p>\n
    There is single Method icon method <\/strong>with minimum two parameters i.e. Icon Name<\/strong> and Icon Size<\/strong><\/p>\n
    myLabel.icon(type: .ambulance, withSize: .tripleExtraLarge)<\/pre>\n
    myLabel<\/strong> is my outlet name.\u00a0<\/span>Here,\u00a0.ambulance <\/strong>is Icon Type. It belongs to FontAwesomeIcon type which is an enum. This enum has all the Unicode characters.<\/p>\n
    .tripleExtraLarge <\/strong>is Icon Size.<\/p>\n
    And, I\u2019ll get something like this<\/p>\n
    \"Screen<\/p>\n\n\n\n
    Explore SwiftFontAwesome.swift,<\/strong><\/p>\n
    There are 8 Font Sizes –<\/p>\n
      \n
    1. extraSmall<\/li>\n
    2. Small<\/li>\n
    3. Medium<\/li>\n
    4. Large<\/li>\n
    5. extraLarge<\/li>\n
    6. doubleExtraLarge<\/li>\n
    7. tripleExtraLarge<\/li>\n
    8. customSize<\/li>\n<\/ol>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      Android Implementation<\/strong><\/p>\n
      Step 1.<\/strong><\/p>\n
      Add FontAwesome.tff <\/strong>file in your Assets directory of your Project.<\/p>\n
      Step 2.<\/strong><\/p>\n
      Create a sub-directory named \u201cFont<\/strong>\u201d in Assets directory.<\/p>\n
      \"Screen<\/strong><\/p>\n
      Step 3.<\/strong><\/p>\n
      Alike iOS, you have to use TextView instead of Image View. So, choose your TextView where you want to put the Font Awesome Icon.<\/p>\n
      Though, I making my TextView<\/p>\n\n\n\n
      \n
      <TextView\r\n\r\nandroid:id=\"@+id\/myTextView\"\r\n\r\nandroid:layout_width=\"wrap_content\"\r\n\r\nandroid:layout_height=\"wrap_content\"\r\n\r\nandroid:text=\"Hello Font Awesome\"\r\n\r\nandroid:textSize=\"@dimen\/fontLarge\"\r\n\r\nandroid:gravity=\"center\"\r\n\r\nandroid:layout_centerHorizontal=\"true\"\r\n\r\nandroid:layout_centerVertical=\"true\"\/><\/pre>\n
       <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
      In dimens.xml I\u2019ve defined three keys for Font Size. Here, I\u2019m using fontLarge.<\/p>\n
      <!-- Font Awesome -->\r\n\r\n<dimen name=\"fontSmall\">20sp<\/dimen>\r\n\r\n<dimen name=\"fontMedium\">30sp<\/dimen>\r\n\r\n<dimen name=\"fontLarge\">50sp<\/dimen><\/pre>\n
      Next, we\u2018ll attach the FontAwesome with the Text View,<\/span> Step 4.<\/strong><\/p>\n
      \/\/ Get Text View\r\n\r\nTextView myFontText = (TextView)findViewById(R.id.myTextView);\r\n\r\n\/\/ Extract Font Awesome\r\n\r\nTypeface fontAwesome = Typeface.createFromAsset(getAssets(), \"Font\/fontawesome.ttf\");\r\n\r\n\/\/ Assign it to TextView\r\n\r\nmyFontText.setTypeface(fontAwesome);\r\n\r\nmyFontText.setText(\"\\uf293\");<\/pre>\n
       <\/p>\n
      \"Screen\\uf293 <\/strong>is the Unicode character of Bluetooth Icon which you\u2019ll get from FontAwesome website.<\/p>\n
      And, when we run the project it will look like,
      \n\"Screenshot_20170717-232725.png\"<\/p>\n
      Conclusion<\/strong><\/p>\n
      Icons and Correct icons are one of the key feature for your website or App. It\u2019s up to you or your UI Team are they willing to use Font Awesome Icon or their own icon. Lastly, don\u2019t forget to thank Dave Gandy <\/strong>whose fonts are awesome.<\/p>\n","protected":false},"excerpt":{"rendered":"
        What is Font Awesome? Font Awesome is a free vector icons-pack which you can use it in your app or web. Font Awesome has 675 free Icons with a variety of categories like web-applications set, accessibility set, transportation set, file-type icon set, form-control icon set and more. Font Awesome is outline and filled-outline set […]<\/p>\n","protected":false},"author":1,"featured_media":3797,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,108,3,71],"tags":[207,209,210,208],"class_list":["post-3720","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","category-html5-css-js","category-ios","category-mobile","tag-font","tag-font-awesome","tag-fontawesome","tag-icons"],"yoast_head":"\nFont Awesome: Hassel Free Icon Set - InnovationM - Blog<\/title>\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.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Font Awesome: Hassel Free Icon Set - InnovationM - Blog\" \/>\n<meta property=\"og:description\" content=\"  What is Font Awesome? Font Awesome is a free vector icons-pack which you can use it in your app or web. Font Awesome has 675 free Icons with a variety of categories like web-applications set, accessibility set, transportation set, file-type icon set, form-control icon set and more. Font Awesome is outline and filled-outline set […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/\" \/>\n<meta property=\"og:site_name\" content=\"InnovationM - Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-01T04:31:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-20T13:25:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2017\/10\/Font-Awesome-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1140\" \/>\n\t<meta property=\"og:image:height\" content=\"633\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InnovationM Admin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InnovationM Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\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.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/\"},\"author\":{\"name\":\"InnovationM Admin\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"headline\":\"Font Awesome: Hassel Free Icon Set\",\"datePublished\":\"2017-11-01T04:31:31+00:00\",\"dateModified\":\"2023-01-20T13:25:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/\"},\"wordCount\":1031,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/Font-Awesome-1.png\",\"keywords\":[\"font\",\"font-awesome\",\"fontawesome\",\"icons\"],\"articleSection\":[\"Android\",\"HTML5 \\\/ CSS \\\/ JS\",\"iOS\",\"Mobile\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/\",\"name\":\"Font Awesome: Hassel Free Icon Set - InnovationM - Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/Font-Awesome-1.png\",\"datePublished\":\"2017-11-01T04:31:31+00:00\",\"dateModified\":\"2023-01-20T13:25:52+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/Font-Awesome-1.png\",\"contentUrl\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/10\\\/Font-Awesome-1.png\",\"width\":1140,\"height\":633},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/font-awesome-hassel-free-icon-set\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Font Awesome: Hassel Free Icon Set\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/\",\"name\":\"InnovationM - Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a831bf4602d69d1fa452e3de0c8862ed\",\"name\":\"InnovationM Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g\",\"caption\":\"InnovationM Admin\"},\"sameAs\":[\"http:\\\/\\\/www.innovationm.com\\\/\"],\"url\":\"https:\\\/\\\/www.innovationm.com\\\/blog\\\/author\\\/innovationmadmin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Font Awesome: Hassel Free Icon Set - InnovationM - Blog","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.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/","og_locale":"en_US","og_type":"article","og_title":"Font Awesome: Hassel Free Icon Set - InnovationM - Blog","og_description":"  What is Font Awesome? Font Awesome is a free vector icons-pack which you can use it in your app or web. Font Awesome has 675 free Icons with a variety of categories like web-applications set, accessibility set, transportation set, file-type icon set, form-control icon set and more. Font Awesome is outline and filled-outline set […]","og_url":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/","og_site_name":"InnovationM - Blog","article_published_time":"2017-11-01T04:31:31+00:00","article_modified_time":"2023-01-20T13:25:52+00:00","og_image":[{"width":1140,"height":633,"url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2017\/10\/Font-Awesome-1.png","type":"image\/png"}],"author":"InnovationM Admin","twitter_misc":{"Written by":"InnovationM Admin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/#article","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/"},"author":{"name":"InnovationM Admin","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"headline":"Font Awesome: Hassel Free Icon Set","datePublished":"2017-11-01T04:31:31+00:00","dateModified":"2023-01-20T13:25:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/"},"wordCount":1031,"commentCount":0,"image":{"@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2017\/10\/Font-Awesome-1.png","keywords":["font","font-awesome","fontawesome","icons"],"articleSection":["Android","HTML5 \/ CSS \/ JS","iOS","Mobile"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/","url":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/","name":"Font Awesome: Hassel Free Icon Set - InnovationM - Blog","isPartOf":{"@id":"https:\/\/www.innovationm.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/#primaryimage"},"image":{"@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/#primaryimage"},"thumbnailUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2017\/10\/Font-Awesome-1.png","datePublished":"2017-11-01T04:31:31+00:00","dateModified":"2023-01-20T13:25:52+00:00","author":{"@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed"},"breadcrumb":{"@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/#primaryimage","url":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2017\/10\/Font-Awesome-1.png","contentUrl":"https:\/\/www.innovationm.com\/blog\/wp-content\/uploads\/2017\/10\/Font-Awesome-1.png","width":1140,"height":633},{"@type":"BreadcrumbList","@id":"https:\/\/www.innovationm.com\/blog\/font-awesome-hassel-free-icon-set\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.innovationm.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Font Awesome: Hassel Free Icon Set"}]},{"@type":"WebSite","@id":"https:\/\/www.innovationm.com\/blog\/#website","url":"https:\/\/www.innovationm.com\/blog\/","name":"InnovationM - Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.innovationm.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.innovationm.com\/blog\/#\/schema\/person\/a831bf4602d69d1fa452e3de0c8862ed","name":"InnovationM Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5c99d9eece9dfbc82297cf34ddd58e9fe05bb52fe66c8f6bf6c0a45bfb6d7629?s=96&r=g","caption":"InnovationM Admin"},"sameAs":["http:\/\/www.innovationm.com\/"],"url":"https:\/\/www.innovationm.com\/blog\/author\/innovationmadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/3720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/comments?post=3720"}],"version-history":[{"count":0,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/posts\/3720\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media\/3797"}],"wp:attachment":[{"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/media?parent=3720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/categories?post=3720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.innovationm.com\/blog\/wp-json\/wp\/v2\/tags?post=3720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}