{"id":28491,"date":"2024-11-14T15:30:40","date_gmt":"2024-11-14T14:30:40","guid":{"rendered":"https:\/\/www.digitizer.rs\/news-stories\/how-to-design-icons\/"},"modified":"2026-01-09T15:27:29","modified_gmt":"2026-01-09T14:27:29","slug":"how-to-design-icons","status":"publish","type":"post","link":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/","title":{"rendered":"How to design icons"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1587386989437{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1631883760811{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]<span style=\"color: #333333;\">In the simplest terms, icons are symbols that change parts of the text or explain it more closely, thus making it more visually interesting and clear. Older generations will probably associate the icons with <a style=\"color: #333333;\" href=\"https:\/\/www.microsoft.com\/en-us\/windows\" target=\"_blank\" rel=\"noopener\">Windows,<\/a> while on the other hand, younger users will probably associate the icons with <\/span> <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/play.google.com\/store\/apps\" target=\"_blank\" rel=\"noopener\">Google Play<\/a><\/span> or <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.apple.com\/app-store\/\" target=\"_blank\" rel=\"noopener\">the Apple App Store.<\/a><\/span> <span style=\"color: #333333;\">However, we will agree that today is<\/span> <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.digitizer.rs\/ux-ui-dizajn\/\" target=\"_blank\" rel=\"noopener\">UI design<\/a><\/span> <span style=\"color: #333333;\">almost unthinkable without creating and applying icons. Through this text, we will try to show you how to design icons that will be recognizable and user-friendly. <\/span>[\/vc_column_text][vc_single_image image=&#8221;24147&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1631352699962{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1631883833163{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]<span style=\"color: #333333;\">If we were to go back a little further through the history of design, the forerunners of today&#8217;s icons would probably be pictograms.<\/span><\/p>\n<p><span style=\"color: #333333;\">Pictograms are pictures and symbols that clearly replace words. And their application was strictly functional in order to make certain information clear and understandable in multiple languages, something like traffic signs, warning signs on product packaging or symbols representing certain sports at the Olympic Games. <\/span><\/p>\n<p>&nbsp;<\/p>\n<h1><span style=\"color: #ff6600;\"><strong>How to design icons<\/strong><\/span><\/h1>\n<p><span style=\"color: #333333;\">Today, icons have found a much wider application, but the creation process has remained relatively the same, so we should follow a few basic rules when designing. Clarity, readability, compliance, distinctive design and ease of use. <\/span>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1646919482787{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]\n<h2><span style=\"color: #ff6600;\"><strong>Clarity<\/strong><\/span><\/h2>\n<p>The primary goal of an icon is to convey information quickly and clearly. In order to make the content as transparent as possible, the last thing you need is for the user to ask himself &#8220;What did the writer want to say&#8221;. That&#8217;s why it&#8217;s important to use simple metaphors without overcomplicating them.[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1646919491095{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]\n<h2><span style=\"color: #ff6600;\"><strong>Readability<\/strong><\/span><\/h2>\n<p>Once you&#8217;ve accomplished your primary goal and created an understandable symbol, make sure it&#8217;s also legible. Icons can often be small, like those on business cards or if you want to use them in the footer of your website. That is why it is necessary that they have as few details as possible and be created from simple shapes. It is also important that the icons are well balanced, so take care of <em>the<\/em> <em>alignment<\/em> <em>.<\/em> That is, that all elements are exactly centralized on the icon. When designing application icons, you should take care that they will be displayed on the screen of mobile devices, tablets and laptops, so the right amount of details and colors gives greater depth, which can make them more visually attractive and recognizable to users than the brand or product itself.[\/vc_column_text][vc_single_image image=&#8221;24148&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1631353176652{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1646919498825{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]\n<h2><span style=\"color: #ff6600;\"><strong>Compliance<\/strong><\/span><\/h2>\n<p>It will often happen that it is necessary to create a whole set of icons, especially for projects such as websites or mobile applications. In order to maintain harmony throughout the set, it is important to adhere to all the style rules you have previously determined. Thus certain deviations in size, basic shape, thickness of lines ( <em>Stroke<\/em> ) or filling with color ( <em>Fill<\/em> ) can break the hierarchy of your icons and create the impression that some icons are more important than others. In order to avoid this, it may be important to create <em>a grid<\/em> before you start creating icons. That is, the help lines that you will adhere to.[\/vc_column_text][vc_single_image image=&#8221;24149&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1631353245541{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1631353280909{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]Many things in digital design depend on the grid, and icons are no exception. That&#8217;s why it&#8217;s important to set up a grid that will mark your pixels and how the created icon fits into them. The easiest way to make sure your icons fit in the grid is to stick to round numbers when specifying, for example, line thickness.[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1646919506782{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]\n<h3><span style=\"color: #ff6600;\"><strong>Characteristic design<\/strong><\/span><\/h3>\n<p>Characteristic design or better said, design must have &#8221; <em>Personality&#8221;<\/em> or rather what makes your icon or set unique. Guided by the rules of UX design, i.e. user habits, your design should not deviate too much from it. For example, for &#8220;Search&#8221; you must not use anything other than a magnifying glass because it will confuse users, but no one is stopping you from drawing the magnifying glass in your own way.[\/vc_column_text][vc_single_image image=&#8221;24150&#8243; css_animation=&#8221;fadeIn&#8221; alignment=&#8221;center&#8221; css=&#8221;.vc_custom_1631353505319{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; img_hover=&#8221;fade-out&#8221;][vc_column_text css=&#8221;.vc_custom_1646919515591{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]\n<h2><span style=\"color: #ff6600;\"><strong>Easy to use<\/strong><\/span><\/h2>\n<p>When you create a new set of icons make it &#8221; <em>User-friendly<\/em> &#8220;. So, apart from the fact that it is important that your icons are simple, legible and coordinated, it is also important that they can be easily applied or implemented in several projects. Additional testing is necessary so that your icon set is understandable to your collaborators so that other designers can extend it with new icons or, what is even more important, so that developers can easily code and optimize it for a website or mobile application. That is why it is especially important that your icons are organized, i.e. clearly named and archived in folders. Creating new sets of icons will be considered unnecessary by many because there is already a large selection on the Internet that are &#8221; <em>free downloads<\/em> &#8220;, but it will certainly mean something for your brand and its positioning on the market. Thinking about details like &#8221; <em>custom made icon set<\/em> &#8221; is definitely something that will not go unnoticed by your users. <\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #333333;\">For more news and interesting stories from digital marketing,<\/span> <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.digitizer.rs\/en\/news-stories\/\">visit our blog page<\/a><\/span> <span style=\"color: #333333;\">or<\/span> <span style=\"color: #ff6600;\"><a style=\"color: #ff6600;\" href=\"https:\/\/www.instagram.com\/webdigitizer\/\">follow our Instagram profile.<\/a><\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221;][vc_column][vc_separator color=&#8221;orange&#8221; align=&#8221;align_left&#8221; border_width=&#8221;5&#8243; el_width=&#8221;20&#8243; css=&#8221;.vc_custom_1625743965128{padding-bottom: 20px !important;}&#8221;][vc_column_text]<span style=\"color: #333333;\"><em>Made by <span lang=\"EN-US\">Sava Spasi\u0107<\/span> \u2013 Senior Graphic Designer @Digitizer<\/em><\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1587387018476{padding-top: 30px !important;padding-right: 30px !important;padding-bottom: 30px !important;padding-left: 30px !important;}&#8221;][vc_column][vc_column_text][vc_btn title=&#8221;Back to News &amp; Stories&#8221; style=&#8221;gradient-custom&#8221; gradient_custom_color_1=&#8221;#000000&#8243; gradient_custom_color_2=&#8221;#515151&#8243; align=&#8221;center&#8221; link=&#8221;url:https%3A%2F%2Fwww.digitizer.rs%2Fnews-stories%2F|title:Back%20to%20NEWS%20%26amp%3B%20STORIES|&#8221;][\/vc_column_text][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1587386989437{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221;][vc_column][vc_column_text css=&#8221;.vc_custom_1631883760811{padding-top: 50px !important;padding-bottom: 30px !important;}&#8221; font_family=&#8221;Open Sans&#8221;]In the simplest terms, icons are symbols that change parts of the text or explain it more closely, thus making it more visually interesting and clear. Older generations will probably associate the icons with Windows, while on the other hand, younger users&hellip;<\/p>\n","protected":false},"author":13,"featured_media":24151,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4418],"tags":[4391,4390,4410,4378,4387,4446,4388,4392,4465,4438,4450,4397,4403,4402,4407,4408,4380,4413],"post_series":[],"class_list":["post-28491","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","tag-ads-en","tag-adverts-en","tag-business-en","tag-content-en","tag-copy-en","tag-design-en","tag-digital-en","tag-facebook-en","tag-graficki-dizajn-en","tag-graphic-design","tag-icons-en","tag-instagram-en","tag-internet-en","tag-marketing-en","tag-online-en","tag-reach-en","tag-search-en-2","tag-visuals","entry","has-media"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to design icons - Digitizer<\/title>\n<meta name=\"description\" content=\"We will show you how to design icons that will be recognizable and user-friendly. Find out more in the text!\" \/>\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.digitizer.rs\/en\/news-stories\/how-to-design-icons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to design icons - Digitizer\" \/>\n<meta property=\"og:description\" content=\"We will show you how to design icons that will be recognizable and user-friendly. Find out more in the text!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/\" \/>\n<meta property=\"og:site_name\" content=\"Digitizer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webdigitizer\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-14T14:30:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T14:27:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-how-to-design-icons.jpg\" \/>\n<meta name=\"author\" content=\"Digitizer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to design icons - Digitizer\" \/>\n<meta name=\"twitter:description\" content=\"We will show you how to design icons that will be recognizable and user-friendly. Find out more in the text!\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Digitizer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/\"},\"author\":{\"name\":\"Digitizer\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#\\\/schema\\\/person\\\/47210bd4d1d478c044946ce088c5556e\"},\"headline\":\"How to design icons\",\"datePublished\":\"2024-11-14T14:30:40+00:00\",\"dateModified\":\"2026-01-09T14:27:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/\"},\"wordCount\":1202,\"publisher\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/digitizer-blog-how-to-design-icons.jpg\",\"keywords\":[\"ads\",\"adverts\",\"business\",\"content\",\"copy\",\"design\",\"digital\",\"facebook\",\"grafi\u010dki dizajn\",\"graphic design\",\"icons\",\"instagram\",\"internet\",\"marketing\",\"online\",\"reach\",\"search\",\"visuals\"],\"articleSection\":[\"Graphic Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/\",\"name\":\"How to design icons - Digitizer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/digitizer-blog-how-to-design-icons.jpg\",\"datePublished\":\"2024-11-14T14:30:40+00:00\",\"dateModified\":\"2026-01-09T14:27:29+00:00\",\"description\":\"We will show you how to design icons that will be recognizable and user-friendly. Find out more in the text!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/digitizer-blog-how-to-design-icons.jpg\",\"contentUrl\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/digitizer-blog-how-to-design-icons.jpg\",\"width\":1024,\"height\":535},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/how-to-design-icons\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"News &#038; Stories\",\"item\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/news-stories\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to design icons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/\",\"name\":\"Digitizer\",\"description\":\"Google Ads - Social - Email Marketing - Web Design - Video Editing\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#organization\",\"name\":\"Digitizer\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/Digitizer-digitalni-marketing-izrada-dizajn-sajtova-graficki-motion-dizajn.jpg\",\"contentUrl\":\"https:\\\/\\\/www.digitizer.rs\\\/pictures\\\/Digitizer-digitalni-marketing-izrada-dizajn-sajtova-graficki-motion-dizajn.jpg\",\"width\":1000,\"height\":466,\"caption\":\"Digitizer\"},\"image\":{\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/webdigitizer\",\"https:\\\/\\\/www.instagram.com\\\/webdigitizer\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@webdigitizer\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/digitizer\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.digitizer.rs\\\/en\\\/#\\\/schema\\\/person\\\/47210bd4d1d478c044946ce088c5556e\",\"name\":\"Digitizer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g\",\"caption\":\"Digitizer\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to design icons - Digitizer","description":"We will show you how to design icons that will be recognizable and user-friendly. Find out more in the text!","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.digitizer.rs\/en\/news-stories\/how-to-design-icons\/","og_locale":"en_US","og_type":"article","og_title":"How to design icons - Digitizer","og_description":"We will show you how to design icons that will be recognizable and user-friendly. Find out more in the text!","og_url":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/","og_site_name":"Digitizer","article_publisher":"https:\/\/www.facebook.com\/webdigitizer","article_published_time":"2024-11-14T14:30:40+00:00","article_modified_time":"2026-01-09T14:27:29+00:00","og_image":[{"url":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-how-to-design-icons.jpg","type":"","width":"","height":""}],"author":"Digitizer","twitter_card":"summary_large_image","twitter_title":"How to design icons - Digitizer","twitter_description":"We will show you how to design icons that will be recognizable and user-friendly. Find out more in the text!","twitter_misc":{"Written by":"Digitizer","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/#article","isPartOf":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/"},"author":{"name":"Digitizer","@id":"https:\/\/www.digitizer.rs\/en\/#\/schema\/person\/47210bd4d1d478c044946ce088c5556e"},"headline":"How to design icons","datePublished":"2024-11-14T14:30:40+00:00","dateModified":"2026-01-09T14:27:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/"},"wordCount":1202,"publisher":{"@id":"https:\/\/www.digitizer.rs\/en\/#organization"},"image":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-how-to-design-icons.jpg","keywords":["ads","adverts","business","content","copy","design","digital","facebook","grafi\u010dki dizajn","graphic design","icons","instagram","internet","marketing","online","reach","search","visuals"],"articleSection":["Graphic Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/","url":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/","name":"How to design icons - Digitizer","isPartOf":{"@id":"https:\/\/www.digitizer.rs\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/#primaryimage"},"image":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/#primaryimage"},"thumbnailUrl":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-how-to-design-icons.jpg","datePublished":"2024-11-14T14:30:40+00:00","dateModified":"2026-01-09T14:27:29+00:00","description":"We will show you how to design icons that will be recognizable and user-friendly. Find out more in the text!","breadcrumb":{"@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/#primaryimage","url":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-how-to-design-icons.jpg","contentUrl":"https:\/\/www.digitizer.rs\/pictures\/digitizer-blog-how-to-design-icons.jpg","width":1024,"height":535},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitizer.rs\/en\/news-stories\/how-to-design-icons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.digitizer.rs\/en\/"},{"@type":"ListItem","position":2,"name":"News &#038; Stories","item":"https:\/\/www.digitizer.rs\/en\/news-stories\/"},{"@type":"ListItem","position":3,"name":"How to design icons"}]},{"@type":"WebSite","@id":"https:\/\/www.digitizer.rs\/en\/#website","url":"https:\/\/www.digitizer.rs\/en\/","name":"Digitizer","description":"Google Ads - Social - Email Marketing - Web Design - Video Editing","publisher":{"@id":"https:\/\/www.digitizer.rs\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.digitizer.rs\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.digitizer.rs\/en\/#organization","name":"Digitizer","url":"https:\/\/www.digitizer.rs\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitizer.rs\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.digitizer.rs\/pictures\/Digitizer-digitalni-marketing-izrada-dizajn-sajtova-graficki-motion-dizajn.jpg","contentUrl":"https:\/\/www.digitizer.rs\/pictures\/Digitizer-digitalni-marketing-izrada-dizajn-sajtova-graficki-motion-dizajn.jpg","width":1000,"height":466,"caption":"Digitizer"},"image":{"@id":"https:\/\/www.digitizer.rs\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webdigitizer","https:\/\/www.instagram.com\/webdigitizer\/","https:\/\/www.tiktok.com\/@webdigitizer","https:\/\/www.linkedin.com\/company\/digitizer"]},{"@type":"Person","@id":"https:\/\/www.digitizer.rs\/en\/#\/schema\/person\/47210bd4d1d478c044946ce088c5556e","name":"Digitizer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79f8cf59594ab9d12475710f3565615d638c108ffaaf169c20f368fc3618bdd3?s=96&d=mm&r=g","caption":"Digitizer"}}]}},"_links":{"self":[{"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/posts\/28491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/comments?post=28491"}],"version-history":[{"count":1,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/posts\/28491\/revisions"}],"predecessor-version":[{"id":32393,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/posts\/28491\/revisions\/32393"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/media\/24151"}],"wp:attachment":[{"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/media?parent=28491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/categories?post=28491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/tags?post=28491"},{"taxonomy":"post_series","embeddable":true,"href":"https:\/\/www.digitizer.rs\/en\/wp-json\/wp\/v2\/post_series?post=28491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}