[{"data":1,"prerenderedAt":118},["ShallowReactive",2],{"page-icons-published":3},{"id":4,"documentId":5,"title":6,"slug":7,"description":8,"seoTitle":8,"seoDescription":8,"seoKeywords":8,"createdAt":9,"updatedAt":10,"publishedAt":11,"blocks":12},158,"d2nqhprw3gcfc8e9haiftana","Icons","icons",null,"2026-06-24T14:02:03.657Z","2026-06-25T17:39:39.873Z","2026-06-25T17:39:39.897Z",[13,23,110],{"id":14,"items":15,"__component":22},28,[16,20],{"id":17,"title":18,"link":19},55,"The Visuals","\u002Flogo",{"id":21,"title":6,"link":8},56,"page.breadcrumb-nav",{"id":24,"title":6,"body":25,"navAnchor":8,"groups":26,"__component":109},7,"Icons translate our products into bite-sized, visual nuggets. Like everything else, they are an important communication aid and have guidelines to ensure they make the best impact. Before working with iconography, check out our [icon best practices](https:\u002F\u002Fprogressive.widen.net\u002Fs\u002Ftvcrwltrzn\u002Ficon_best_practices).",[27,91,97,103],{"id":28,"title":29,"text":30,"navAnchor":31,"icons":32},23,"Primary Icons","The primary icons represent our products and services. This is our main set of icons. These icons have a stroke weight of 1px and are typically between 50-100px or larger.","primary",[33,56,61,66,71,76,81,86],{"id":34,"image":35},41,{"id":36,"documentId":37,"name":38,"alternativeText":8,"caption":8,"focalPoint":8,"width":39,"height":39,"formats":40,"hash":50,"ext":44,"mime":45,"size":51,"url":52,"previewUrl":8,"provider":53,"provider_metadata":8,"createdAt":54,"updatedAt":55,"publishedAt":54},3,"x7u03uuiqoxw6sv9pomkuleq","icon-filler.png",256,{"thumbnail":41},{"name":42,"hash":43,"ext":44,"mime":45,"path":8,"width":46,"height":46,"size":47,"sizeInBytes":48,"url":49},"thumbnail_icon-filler.png","thumbnail_icon_filler_e27ba25a90",".png","image\u002Fpng",156,0.9,896,"\u002Fuploads\u002Fthumbnail_icon_filler_e27ba25a90.png","icon_filler_e27ba25a90",0.91,"\u002Fuploads\u002Ficon_filler_e27ba25a90.png","local","2026-06-16T16:03:39.473Z","2026-06-24T14:06:59.303Z",{"id":57,"image":58},42,{"id":36,"documentId":37,"name":38,"alternativeText":8,"caption":8,"focalPoint":8,"width":39,"height":39,"formats":59,"hash":50,"ext":44,"mime":45,"size":51,"url":52,"previewUrl":8,"provider":53,"provider_metadata":8,"createdAt":54,"updatedAt":55,"publishedAt":54},{"thumbnail":60},{"name":42,"hash":43,"ext":44,"mime":45,"path":8,"width":46,"height":46,"size":47,"sizeInBytes":48,"url":49},{"id":62,"image":63},43,{"id":36,"documentId":37,"name":38,"alternativeText":8,"caption":8,"focalPoint":8,"width":39,"height":39,"formats":64,"hash":50,"ext":44,"mime":45,"size":51,"url":52,"previewUrl":8,"provider":53,"provider_metadata":8,"createdAt":54,"updatedAt":55,"publishedAt":54},{"thumbnail":65},{"name":42,"hash":43,"ext":44,"mime":45,"path":8,"width":46,"height":46,"size":47,"sizeInBytes":48,"url":49},{"id":67,"image":68},44,{"id":36,"documentId":37,"name":38,"alternativeText":8,"caption":8,"focalPoint":8,"width":39,"height":39,"formats":69,"hash":50,"ext":44,"mime":45,"size":51,"url":52,"previewUrl":8,"provider":53,"provider_metadata":8,"createdAt":54,"updatedAt":55,"publishedAt":54},{"thumbnail":70},{"name":42,"hash":43,"ext":44,"mime":45,"path":8,"width":46,"height":46,"size":47,"sizeInBytes":48,"url":49},{"id":72,"image":73},45,{"id":36,"documentId":37,"name":38,"alternativeText":8,"caption":8,"focalPoint":8,"width":39,"height":39,"formats":74,"hash":50,"ext":44,"mime":45,"size":51,"url":52,"previewUrl":8,"provider":53,"provider_metadata":8,"createdAt":54,"updatedAt":55,"publishedAt":54},{"thumbnail":75},{"name":42,"hash":43,"ext":44,"mime":45,"path":8,"width":46,"height":46,"size":47,"sizeInBytes":48,"url":49},{"id":77,"image":78},46,{"id":36,"documentId":37,"name":38,"alternativeText":8,"caption":8,"focalPoint":8,"width":39,"height":39,"formats":79,"hash":50,"ext":44,"mime":45,"size":51,"url":52,"previewUrl":8,"provider":53,"provider_metadata":8,"createdAt":54,"updatedAt":55,"publishedAt":54},{"thumbnail":80},{"name":42,"hash":43,"ext":44,"mime":45,"path":8,"width":46,"height":46,"size":47,"sizeInBytes":48,"url":49},{"id":82,"image":83},47,{"id":36,"documentId":37,"name":38,"alternativeText":8,"caption":8,"focalPoint":8,"width":39,"height":39,"formats":84,"hash":50,"ext":44,"mime":45,"size":51,"url":52,"previewUrl":8,"provider":53,"provider_metadata":8,"createdAt":54,"updatedAt":55,"publishedAt":54},{"thumbnail":85},{"name":42,"hash":43,"ext":44,"mime":45,"path":8,"width":46,"height":46,"size":47,"sizeInBytes":48,"url":49},{"id":87,"image":88},48,{"id":36,"documentId":37,"name":38,"alternativeText":8,"caption":8,"focalPoint":8,"width":39,"height":39,"formats":89,"hash":50,"ext":44,"mime":45,"size":51,"url":52,"previewUrl":8,"provider":53,"provider_metadata":8,"createdAt":54,"updatedAt":55,"publishedAt":54},{"thumbnail":90},{"name":42,"hash":43,"ext":44,"mime":45,"path":8,"width":46,"height":46,"size":47,"sizeInBytes":48,"url":49},{"id":92,"title":93,"text":94,"navAnchor":95,"icons":96},20,"Secondary Icons","The primary icons represent our products and services. If the product icon is displayed at less than 50px, these more simplified icons should be used with a 1px stroke weight.","secondary",[],{"id":98,"title":99,"text":100,"navAnchor":101,"icons":102},21,"Utility Icons","Utility icons are typically used at 16px with a stroke weight of 2px. They are often used to indicate an action can be taken or are used to give supporting visual cues to labels\u002Ftype.","utility",[],{"id":104,"title":105,"text":106,"navAnchor":107,"icons":108},22,"Product Train","This set of products is what we call our product train. It’s used to quickly represent our most popular products. Use them as static icons in the order pictured below, with the same spacing between products.","train",[],"page.icon-listing",{"id":111,"prevLabel":112,"prevUrl":113,"nextLabel":114,"nextUrl":115,"borderTop":116,"__component":117},74,"Type","\u002Ftype","Illustration","\u002Fillustration","border-top","page.button-pagination",1782415033203]