{"id":16992,"date":"2013-04-22T21:01:00","date_gmt":"2013-04-22T13:01:00","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=16992"},"modified":"2025-04-04T01:32:31","modified_gmt":"2025-04-03T17:32:31","slug":"mobile-navigation-icon","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/","title":{"rendered":"UI Design: How to Add Mobile Navigation Icons"},"content":{"rendered":"<p>With the increasing use of mobile devices for internet browsing, it\u2019s crucial to adapt website elements for smaller screens. One such element is <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.google.com.my\/url?sa=t&rct=j&q=&esrc=s&source=web&cd=3&cad=rja&ved=0CEMQFjAC&url=http%3A%2F%2Fwww.hongkiat.com%2Fblog%2Fresponsive-web-nav%2F&ei=JoR0UYWQFMi4rAeGtYG4Dg&usg=AFQjCNGfDJA6fj5LhJgq5x3Kr1vaWaCZpA&bvm=bv.45512109,d.bmk\">Web Navigation<\/a>.<\/p>\n<p>The following icon is widely recognized as the symbol for \u201cmobile menu\/navigation\u201d:<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-navigation-icon\/menu-icon.jpg\" alt=\"Mobile Navigation Icon\" width=\"500\" height=\"300\"><\/figure>\n<p>In this article, we\u2019ll explore various methods to integrate this essential icon into your mobile interface.<\/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\/navigation-design-ideas-inspiration\/\" class=\"ref-block__link\" title=\"Read More: Designing a Winning Navigation Menu (Ideas and Inspirations)\" rel=\"bookmark\"><span class=\"screen-reader-text\">Designing a Winning Navigation Menu (Ideas and Inspirations)<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/navigation-design-ideas-inspiration.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-15862 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/navigation-design-ideas-inspiration.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Designing a Winning Navigation Menu (Ideas and Inspirations)<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tNote: This post was first published on the 20th December, 2012. The navigation menu on a website is...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Bitmap Image Approach<\/h2>\n<p>Bitmap images are a common method for adding icons. You can create the icon in Photoshop and then use the <code>background-image<\/code> property in CSS to display it.<\/p>\n<p>However, bitmap images have limitations in scalability. When enlarged, they can become blurry, which is a concern given the prevalence of high-resolution devices.<\/p>\n<h2>The Bootstrap Method<\/h2>\n<p>Bootstrap, a popular front-end framework, uses three <code>&lt;span&gt;<\/code> elements to display the navigation icon on smaller screens:<\/p>\n<pre>\r\n &lt;button type=\"button\" class=\"btn btn-navbar\" data-toggle=\"collapse\" data-target=\".nav-collapse\"&gt;\r\n &lt;span class=\"icon-bar\"&gt;&lt;\/span&gt;\r\n &lt;span class=\"icon-bar\"&gt;&lt;\/span&gt;\r\n &lt;span class=\"icon-bar\"&gt;&lt;\/span&gt;\r\n &lt;\/button&gt;\r\n<\/pre>\n<p>While this method achieves the desired look, it\u2019s not efficient as it requires extra HTML markup.<\/p>\n<h2>Font Icon Technique<\/h2>\n<p>Font icons offer another alternative. Libraries like <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/fontawesome.com\/\">Font Awesome<\/a> and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.entypo.com\/\">EnTypo<\/a> include this icon. Font icons are scalable and easy to modify with CSS, but they may require multiple file formats for browser compatibility.<\/p>\n<h2>Using \u201cTrigram for Heaven\u201d<\/h2>\n<p>An HTML character known as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.fileformat.info\/info\/unicode\/char\/2630\/index.htm\">Trigram for Heaven<\/a> can also be used. Simply add the HTML character (<code>&#9776;<\/code>) to display the icon.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-navigation-icon\/html-character.jpg\" alt=\"Trigram for Heaven Icon\" width=\"500\" height=\"300\"><\/figure>\n<p>You can easily customize this character using CSS. For more options, you can explore <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.fileformat.info\/info\/unicode\/char\/a.htm\">this library<\/a> of HTML special characters.<\/p>","protected":false},"excerpt":{"rendered":"<p>With the increasing use of mobile devices for internet browsing, it\u2019s crucial to adapt website elements for smaller screens. One such element is Web Navigation. The following icon is widely recognized as the symbol for \u201cmobile menu\/navigation\u201d: In this article, we\u2019ll explore various methods to integrate this essential icon into your mobile interface. Bitmap Image&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3399,3395,352],"tags":[4646],"topic":[4520,4521],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>UI Design: How to Add Mobile Navigation Icons - Hongkiat<\/title>\n<meta name=\"description\" content=\"With the increasing use of mobile devices for internet browsing, it&#039;s crucial to adapt website elements for smaller screens. One such element is Web\" \/>\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\/mobile-navigation-icon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI Design: How to Add Mobile Navigation Icons\" \/>\n<meta property=\"og:description\" content=\"With the increasing use of mobile devices for internet browsing, it&#039;s crucial to adapt website elements for smaller screens. One such element is Web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/\" \/>\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=\"2013-04-22T13:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T17:32:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/mobile-navigation-icon\/menu-icon.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\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\\\/mobile-navigation-icon\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"UI Design: How to Add Mobile Navigation Icons\",\"datePublished\":\"2013-04-22T13:01:00+00:00\",\"dateModified\":\"2025-04-03T17:32:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/\"},\"wordCount\":236,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-navigation-icon\\\/menu-icon.jpg\",\"keywords\":[\"Mobile Website Design &amp; Dev\"],\"articleSection\":[\"Mobile\",\"UI\\\/UX\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/\",\"name\":\"UI Design: How to Add Mobile Navigation Icons - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-navigation-icon\\\/menu-icon.jpg\",\"datePublished\":\"2013-04-22T13:01:00+00:00\",\"dateModified\":\"2025-04-03T17:32:31+00:00\",\"description\":\"With the increasing use of mobile devices for internet browsing, it's crucial to adapt website elements for smaller screens. One such element is Web\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-navigation-icon\\\/menu-icon.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/mobile-navigation-icon\\\/menu-icon.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/mobile-navigation-icon\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UI Design: How to Add Mobile Navigation Icons\"}]},{\"@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\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"UI Design: How to Add Mobile Navigation Icons - Hongkiat","description":"With the increasing use of mobile devices for internet browsing, it's crucial to adapt website elements for smaller screens. One such element is Web","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\/mobile-navigation-icon\/","og_locale":"en_US","og_type":"article","og_title":"UI Design: How to Add Mobile Navigation Icons","og_description":"With the increasing use of mobile devices for internet browsing, it's crucial to adapt website elements for smaller screens. One such element is Web","og_url":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-04-22T13:01:00+00:00","article_modified_time":"2025-04-03T17:32:31+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/mobile-navigation-icon\/menu-icon.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"UI Design: How to Add Mobile Navigation Icons","datePublished":"2013-04-22T13:01:00+00:00","dateModified":"2025-04-03T17:32:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/"},"wordCount":236,"commentCount":6,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-navigation-icon\/menu-icon.jpg","keywords":["Mobile Website Design &amp; Dev"],"articleSection":["Mobile","UI\/UX","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/","url":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/","name":"UI Design: How to Add Mobile Navigation Icons - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-navigation-icon\/menu-icon.jpg","datePublished":"2013-04-22T13:01:00+00:00","dateModified":"2025-04-03T17:32:31+00:00","description":"With the increasing use of mobile devices for internet browsing, it's crucial to adapt website elements for smaller screens. One such element is Web","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/mobile-navigation-icon\/menu-icon.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/mobile-navigation-icon\/menu-icon.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/mobile-navigation-icon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UI Design: How to Add Mobile Navigation Icons"}]},{"@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\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-4q4","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16992","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\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=16992"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16992\/revisions"}],"predecessor-version":[{"id":73590,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16992\/revisions\/73590"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=16992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=16992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=16992"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=16992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}