{"id":207165,"date":"2019-11-13T06:57:14","date_gmt":"2019-11-13T06:57:14","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=207165"},"modified":"2019-11-13T07:00:58","modified_gmt":"2019-11-13T07:00:58","slug":"basic-but-important-methods-to-use-icons-icon-usage","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/","title":{"rendered":"Basics of Icon usage in UI design"},"content":{"rendered":"\n<p>There are 2 things in Iconography one is Designing the Icon and another is Icon usage. where designers masters the designing process but underestimates the the Icon usage ways.<br>This may sound like really little thing that who cares the usage but it does specially when someone land on your product page of sees your information on a Infographic and point s the poor design.<br>Instead of reading the long paras users generally focuses on the Icons and their placement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Few Examples of the Icons&nbsp;<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"975\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png\" alt=\"\" class=\"wp-image-207173\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png 800w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png 246w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png 204w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><figcaption>Few Examples of the Icons&nbsp;<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Use Labels Whenever Possible<\/h3>\n\n\n\n<p>Before continuing further look at 1st Image&nbsp;<\/p>\n\n\n\n<p>can you Identify what\u2019s point for any of Icons without reading the whole text below?..obviously NO!! Now look at the Image 2nd it take hardly few seconds to relate the point to the Icons.<br>Icons have been used to give a context to a point but Label or text just hits the point in seconds. So wherever in doubt use labels.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"800\" height=\"618\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-2.png\" alt=\"\" class=\"wp-image-207175\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-2.png 800w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-2.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-2.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-2.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><figcaption>Icons with and without labels<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Give icons a background<\/h3>\n\n\n\n<p>As you can clearly see the Image 1 has the Icons same as the Image 2 but the difference is 1st one is looking a bit off as seems like the Icons are floating.<br>While just by giving a Background everything looks so systematic.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"801\" height=\"576\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-3.png\" alt=\"\" class=\"wp-image-207176\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-3.png 801w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-3.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-3.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-3.png 768w\" sizes=\"(max-width: 801px) 100vw, 801px\" loading=\"lazy\" \/><figcaption>Icons with and without background<\/figcaption><\/figure>\n\n\n\n<p class=\"has-background has-very-light-gray-background-color\">Ready to use Free and Open Source SVG Icons Pack JavaScript Library. <a href=\"https:\/\/webkul.github.io\/vivid\/\">Vivid.js<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use Colors to Match not to Mismatch (Consistency is the key)<\/h3>\n\n\n\n<p>Just at the first glance the icons in the Image is distracting our eyes as there color variation. which is not a good UX where as in image 2 Every thing has been done according to the Design System as it is more consistent and more professional then the Image 1.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"801\" height=\"576\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-4.png\" alt=\"\" class=\"wp-image-207184\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-4.png 801w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-4.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-4.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-4.png 768w\" sizes=\"(max-width: 801px) 100vw, 801px\" loading=\"lazy\" \/><figcaption>Consistent Icons<\/figcaption><\/figure>\n\n\n\n<p>Get coolest handpicked gradient colors collection palette for your next project and Icons <a href=\"https:\/\/webkul.github.io\/coolhue\/\">CoolHue<\/a>, alternatively copy css or download as image too.<\/p>\n\n\n\n<p>I hope from next time you will feel easy while placing icons in your project.<\/p>\n\n\n\n<p>Thank you for giving your precious time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are 2 things in Iconography one is Designing the Icon and another is Icon usage. where designers masters the designing process but underestimates the the Icon usage ways.This may sound like really little thing that who cares the usage but it does specially when someone land on your product page of sees your information <a href=\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":283,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[2824,3671,5235,6018,3753,9956],"class_list":["post-207165","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-design","tag-design-pattern","tag-design-resource","tag-icon","tag-ui-component","tag-ui-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Basics of Icon usage in UI design - Webkul 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:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Basics of Icon usage in UI design - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"There are 2 things in Iconography one is Designing the Icon and another is Icon usage. where designers masters the designing process but underestimates the the Icon usage ways.This may sound like really little thing that who cares the usage but it does specially when someone land on your product page of sees your information [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-13T06:57:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-13T07:00:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png\" \/>\n<meta name=\"author\" content=\"Sarvottam Ghosh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sarvottam Ghosh\" \/>\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:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/\"},\"author\":{\"name\":\"Sarvottam Ghosh\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/cfc08d013d64743a9e98df58ba7d1a60\"},\"headline\":\"Basics of Icon usage in UI design\",\"datePublished\":\"2019-11-13T06:57:14+00:00\",\"dateModified\":\"2019-11-13T07:00:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/\"},\"wordCount\":349,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png\",\"keywords\":[\"Design\",\"design pattern\",\"Design Resource\",\"Icon\",\"Ui Component\",\"Ui design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/\",\"url\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/\",\"name\":\"Basics of Icon usage in UI design - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png\",\"datePublished\":\"2019-11-13T06:57:14+00:00\",\"dateModified\":\"2019-11-13T07:00:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png\",\"width\":800,\"height\":975},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Basics of Icon usage in UI design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/cfc08d013d64743a9e98df58ba7d1a60\",\"name\":\"Sarvottam Ghosh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0939d8c8485f0c4b12117e7e8ec20a3bce52897ddad7bdb3cb7b9c26bda84f1c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0939d8c8485f0c4b12117e7e8ec20a3bce52897ddad7bdb3cb7b9c26bda84f1c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Sarvottam Ghosh\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/sarvottamghosh-design781\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Basics of Icon usage in UI design - Webkul 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:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/","og_locale":"en_US","og_type":"article","og_title":"Basics of Icon usage in UI design - Webkul Blog","og_description":"There are 2 things in Iconography one is Designing the Icon and another is Icon usage. where designers masters the designing process but underestimates the the Icon usage ways.This may sound like really little thing that who cares the usage but it does specially when someone land on your product page of sees your information [...]","og_url":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-11-13T06:57:14+00:00","article_modified_time":"2019-11-13T07:00:58+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png","type":"","width":"","height":""}],"author":"Sarvottam Ghosh","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Sarvottam Ghosh","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/"},"author":{"name":"Sarvottam Ghosh","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/cfc08d013d64743a9e98df58ba7d1a60"},"headline":"Basics of Icon usage in UI design","datePublished":"2019-11-13T06:57:14+00:00","dateModified":"2019-11-13T07:00:58+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/"},"wordCount":349,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png","keywords":["Design","design pattern","Design Resource","Icon","Ui Component","Ui design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/","url":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/","name":"Basics of Icon usage in UI design - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png","datePublished":"2019-11-13T06:57:14+00:00","dateModified":"2019-11-13T07:00:58+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/IMG-1-1.png","width":800,"height":975},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/basic-but-important-methods-to-use-icons-icon-usage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Basics of Icon usage in UI design"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/cfc08d013d64743a9e98df58ba7d1a60","name":"Sarvottam Ghosh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0939d8c8485f0c4b12117e7e8ec20a3bce52897ddad7bdb3cb7b9c26bda84f1c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0939d8c8485f0c4b12117e7e8ec20a3bce52897ddad7bdb3cb7b9c26bda84f1c?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Sarvottam Ghosh"},"url":"https:\/\/webkul.com\/blog\/author\/sarvottamghosh-design781\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/207165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/283"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=207165"}],"version-history":[{"count":11,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/207165\/revisions"}],"predecessor-version":[{"id":207194,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/207165\/revisions\/207194"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=207165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=207165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=207165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}