{"id":29530,"date":"2021-01-21T18:17:55","date_gmt":"2021-01-21T10:17:55","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=29530"},"modified":"2021-01-19T20:30:40","modified_gmt":"2021-01-19T12:30:40","slug":"pure-css-icons-gallery","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/","title":{"rendered":"This Gallery of Pure CSS Icons is What All Frontend Developers Want"},"content":{"rendered":"<p>Adobe designer Wenting Zhang created an <strong><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/cssicon.space\/\">interesting web app<\/a><\/strong> for <strong>generating pure CSS icons<\/strong>. It\u2019s simply named <strong>\u201cCSS Icon\u201d<\/strong> and it may be one of the coolest <strong>icon generators<\/strong> for frontend developers.<\/p>\n<p>This project is <strong>completely free<\/strong> and <strong>open-sourced <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/wentin\/cssicon\">on GitHub<\/a><\/strong> so you\u2019re free to download and mess with any of the codes.<\/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\/mini-icon-sets\/\" class=\"ref-block__link\" title=\"Read More: 40 Excellent Mini Icon Sets\" rel=\"bookmark\"><span class=\"screen-reader-text\">40 Excellent Mini Icon Sets<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/mini-icon-sets.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-7218 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/mini-icon-sets.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">40 Excellent Mini Icon Sets<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tWhen you go on a quest of finding icons for your designs, you may end up with different...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<figure><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/cssicon.space\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/pure-css-icons-gallery\/01-css-icon-animate.jpg\" alt=\"css icons\" width=\"800\" height=\"458\"><\/a><\/figure>\n<p>These icons <strong>don\u2019t have any CSS dependencies<\/strong> or need any special browser features. At first glance, it may seem like the icons are built on SVGs but <strong>they\u2019re actually just divs<\/strong>.<\/p>\n<p>Through the magic of CSS, you can build <strong>custom line icons<\/strong> for <strong>common interface elements<\/strong> such as the <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/hamburger-menu-animations\/\" rel=\"noopener noreferrer\">hamburger menu<\/a>, the three-dot icon or the print icon (among many others).<\/p>\n<p>You can choose between <strong>thin line icons<\/strong> or <strong>dark filled icons<\/strong>. They both utilize <strong>similar CSS properties<\/strong> and you can even see what they are by clicking any icon in the list. You\u2019ll see a <strong>sliding sidebar<\/strong> with the HTML and CSS code along with the icon enlarged.<\/p>\n<figure><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/cssicon.space\/#\/icon\/clock-h3m30\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/pure-css-icons-gallery\/02-cssicon-clock-details.jpg\" alt=\"pure css icon gallery\" width=\"800\" height=\"368\"><\/a><\/figure>\n<p>If you look towards the top-right corner of the code fields you\u2019ll see a <strong>little copy icon<\/strong>. Click that to <strong>automatically copy the code<\/strong> to your clipboard. Oh, and that copy icon? Also built with Wenting\u2019s pure CSS code.<\/p>\n<p>To <strong>change the color<\/strong> of any icon, just <strong>find the <code>color<\/code> property<\/strong> in the main icon class. <strong>Updating that one <code>color<\/code> property<\/strong> will change everything else, too.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-2\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/create-font-icon-set\/\" class=\"ref-block__link\" title=\"Read More: Create Your Own Font Icon Set Easily With Fontello\" rel=\"bookmark\"><span class=\"screen-reader-text\">Create Your Own Font Icon Set Easily With Fontello<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/create-font-icon-set.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-20027 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/create-font-icon-set.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Create Your Own Font Icon Set Easily With Fontello<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tFont Icons have become a staple in web design, and it's clear why. They offer reliability, sharpness on...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<p>Since these icons are <strong>pretty simple<\/strong>, they probably won\u2019t work for every website. But this is a <strong>cool alternative to images or icon fonts<\/strong> and it\u2019s <strong>completely free<\/strong>.<\/p>\n<p>Check out the <strong><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/cssicon.space\/\">CSS Icon home page<\/a><\/strong> to <strong>see more examples<\/strong> and to <strong>copy\/edit the source<\/strong>. You can also <strong>test each icon separately<\/strong> <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/codepen.io\/\/pen?&editors=110\">in CodePen<\/a> if you wanna <strong>toy around with the source<\/strong> in your browser.<\/p>","protected":false},"excerpt":{"rendered":"<p>Adobe designer Wenting Zhang created an interesting web app for generating pure CSS icons. It\u2019s simply named \u201cCSS Icon\u201d and it may be one of the coolest icon generators for frontend developers. This project is completely free and open-sourced on GitHub so you\u2019re free to download and mess with any of the codes. These icons&hellip;<\/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":[507,2902],"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.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Pure CSS Icons Generator for Frontend Developers - Hongkiat<\/title>\n<meta name=\"description\" content=\"Adobe designer Wenting Zhang created an interesting web app for generating pure CSS icons. It&#039;s simply named &quot;CSS Icon&quot; and it may be one of the coolest\" \/>\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\/pure-css-icons-gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"This Gallery of Pure CSS Icons is What All Frontend Developers Want\" \/>\n<meta property=\"og:description\" content=\"Adobe designer Wenting Zhang created an interesting web app for generating pure CSS icons. It&#039;s simply named &quot;CSS Icon&quot; and it may be one of the coolest\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/\" \/>\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=\"2021-01-21T10:17:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/pure-css-icons-gallery\/01-css-icon-animate.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\\\/pure-css-icons-gallery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"This Gallery of Pure CSS Icons is What All Frontend Developers Want\",\"datePublished\":\"2021-01-21T10:17:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/\"},\"wordCount\":313,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pure-css-icons-gallery\\\/01-css-icon-animate.jpg\",\"keywords\":[\"CSS\",\"CSS Tools\"],\"articleSection\":[\"Graphics\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/\",\"name\":\"Pure CSS Icons Generator for Frontend Developers - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pure-css-icons-gallery\\\/01-css-icon-animate.jpg\",\"datePublished\":\"2021-01-21T10:17:55+00:00\",\"description\":\"Adobe designer Wenting Zhang created an interesting web app for generating pure CSS icons. It's simply named \\\"CSS Icon\\\" and it may be one of the coolest\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pure-css-icons-gallery\\\/01-css-icon-animate.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pure-css-icons-gallery\\\/01-css-icon-animate.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/pure-css-icons-gallery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"This Gallery of Pure CSS Icons is What All Frontend Developers Want\"}]},{\"@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":"Pure CSS Icons Generator for Frontend Developers - Hongkiat","description":"Adobe designer Wenting Zhang created an interesting web app for generating pure CSS icons. It's simply named \"CSS Icon\" and it may be one of the coolest","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\/pure-css-icons-gallery\/","og_locale":"en_US","og_type":"article","og_title":"This Gallery of Pure CSS Icons is What All Frontend Developers Want","og_description":"Adobe designer Wenting Zhang created an interesting web app for generating pure CSS icons. It's simply named \"CSS Icon\" and it may be one of the coolest","og_url":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2021-01-21T10:17:55+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/pure-css-icons-gallery\/01-css-icon-animate.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\/pure-css-icons-gallery\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"This Gallery of Pure CSS Icons is What All Frontend Developers Want","datePublished":"2021-01-21T10:17:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/"},"wordCount":313,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/pure-css-icons-gallery\/01-css-icon-animate.jpg","keywords":["CSS","CSS Tools"],"articleSection":["Graphics"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/","url":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/","name":"Pure CSS Icons Generator for Frontend Developers - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/pure-css-icons-gallery\/01-css-icon-animate.jpg","datePublished":"2021-01-21T10:17:55+00:00","description":"Adobe designer Wenting Zhang created an interesting web app for generating pure CSS icons. It's simply named \"CSS Icon\" and it may be one of the coolest","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/pure-css-icons-gallery\/01-css-icon-animate.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/pure-css-icons-gallery\/01-css-icon-animate.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/pure-css-icons-gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"This Gallery of Pure CSS Icons is What All Frontend Developers Want"}]},{"@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-7Gi","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29530","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=29530"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29530\/revisions"}],"predecessor-version":[{"id":52875,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29530\/revisions\/52875"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=29530"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=29530"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=29530"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=29530"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}