{"id":22,"date":"2026-07-24T17:09:15","date_gmt":"2026-07-24T17:09:15","guid":{"rendered":"https:\/\/demos.canvaswp.com\/agency\/2026\/07\/24\/designing-icon-systems-that-age-well\/"},"modified":"2026-07-24T17:09:15","modified_gmt":"2026-07-24T17:09:15","slug":"designing-icon-systems-that-age-well","status":"publish","type":"post","link":"https:\/\/demos.canvaswp.com\/agency\/2026\/07\/24\/designing-icon-systems-that-age-well\/","title":{"rendered":"Designing Icon Systems That Age Well"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">An icon set is the longest-lived asset most brands own. Campaigns rotate, sites get rebuilt, but the little glyph in the tab bar survives every redesign. That longevity changes how we draw.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Draw the grid before the glyphs<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">We start every set with a construction grid (stroke weight, corner radius, optical padding) and test it on the five hardest concepts in the brief. If the grid survives those, the remaining icons draw themselves.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The second rule is restraint with metaphors. A cloud means weather this year and storage the next; a plain arrow means the same thing forever. When a metaphor is unavoidable, we anchor it to the client&#8217;s own product language.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Icons outlive campaigns. Here is how we draw sets that still feel right five years on.<\/p>\n","protected":false},"author":1,"featured_media":65,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[12,13,14],"class_list":["post-22","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-craft","tag-design-systems","tag-icons"],"_links":{"self":[{"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/posts\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":0,"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/posts\/22\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/media\/65"}],"wp:attachment":[{"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/categories?post=22"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demos.canvaswp.com\/agency\/wp-json\/wp\/v2\/tags?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}