{"id":419,"date":"2024-03-07T17:47:55","date_gmt":"2024-03-07T22:47:55","guid":{"rendered":"https:\/\/brand.utk.edu\/web-design-system\/?page_id=419"},"modified":"2025-08-14T10:24:56","modified_gmt":"2025-08-14T14:24:56","slug":"icons","status":"publish","type":"page","link":"https:\/\/brand.utk.edu\/web-design-system\/icons\/","title":{"rendered":"Icon Usage"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"259\" src=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar-1024x259.jpg\" alt=\"\" class=\"wp-image-930\" srcset=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar-1024x259.jpg 1024w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar-300x76.jpg 300w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar-768x194.jpg 768w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar-1536x389.jpg 1536w, https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar.jpg 1700w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><em>This guidance is for use of icons within the <a href=\"https:\/\/brand.utk.edu\/web-design-system\/component\/icon-text-banner\/\">WDS Icon &amp; text banner pattern<\/a>. <\/em><\/p>\n\n\n\n<p>Icons provide users with visual signposts to help them locate, identify, and understand content.&nbsp;They can also add decorative delight and enhance brand personality.<\/p>\n\n\n\n<p>To ensure that these icons are helpful to all of our website visitors, we have designed them to follow the&nbsp;<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/non-text-contrast\"><u>WCAG 2.1 AA rules for digital accessibility<\/u><\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Guidelines<\/h2>\n\n\n\n<p>Icons may be used in the following contexts:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To convey or enhance meaning<\/li>\n\n\n\n<li>To communicate university-specific information\u2014for example, a mortarboard icon for graduation<\/li>\n\n\n\n<li>To aid users in navigating or scanning pages by identifying section heads and other markers<\/li>\n\n\n\n<li>To highlight callout information such as accolades and statistics<\/li>\n\n\n\n<li>To highlight items in a list or steps in a process<\/li>\n\n\n\n<li>To support brand identity<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Tips\u2014Dos and don&#8217;ts<\/h2>\n\n\n\n<p><strong>Connect icons to content.<\/strong> Icons should be directly relevant to the information you&#8217;re communicating and be used to complement content, not distract from it.<\/p>\n\n\n\n<p><strong>Scale icons proportionally. <\/strong>Icons should always remain at the same scale in relation to each other to create a consistent look. <em>Do not modify icons.<\/em><\/p>\n\n\n\n<p><strong>Use icons consistently.<\/strong> Don&#8217;t use two different icons to represent the same topic, and don&#8217;t use the same icon to convey multiple meanings. To ensure that communications are consistent across the university, use only approved icons from the icon library.<\/p>\n\n\n\n<p><strong>Do not use icons as a central or large graphic element. <\/strong>Icons should only be used to supplement a fact, header, or text block. They should not be used as the visual focal point of a page or a branding element.<\/p>\n\n\n\n<p><strong>Use white or light gray backgrounds only.<\/strong> Display two color icons on white or light gray backgrounds.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add an Icon<\/h2>\n\n\n\n<p>In the block inserter menu, select patterns &gt; banners &gt; icon &amp; text white (or light gray). The banner has a default icon that you can replace with the appropriate icon from the icon library. Simply select the default icon and click &#8220;replace&#8221; to view the library. Add appropriate alt text to the icon&#8217;s Label field to describe the icon.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples<\/h2>\n\n\n\n<div class=\"wp-block-group alignfull utkwds-icon-text has-light-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-ca09131d wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<div class=\"wp-block-utk-wds-icon-block items-justified-center\"><div class=\"icon-container\" style=\"width:125px\"><svg width=\"126\" height=\"125\" viewBox=\"0 0 126 125\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M120.55 31.85V89.9c0 .68-.55 1.23-1.23 1.23H83.63c-.75 0-1.5-.02-2.23-.04-1.31-.03-2.55-.07-3.72.01-2.86.2-5.25 1.07-6.85 4.23-.08.15-.11.29-.13.39.12-.56.62-.98 1.21-.98h51.12V31.85h-2.48ZM70.31 96h-10.5c-.13 0-.25-.02-.37-.06v2.55h11.24v-2.52c0-.09.01-.17.02-.25-.05.18-.1.28-.39.28Zm-21.59-4.91c-.73.02-1.47.04-2.23.04H9.2c-.68 0-1.23-.55-1.23-1.23V31.85H5.23v62.89h52.98c.06 0 .13 0 .19.02-2.22-3.87-5.38-3.78-9.68-3.67Zm-2.23-64.58H14.56v62.16h31.93c.73 0 1.46-.02 2.17-.04 1.25-.03 2.51-.07 3.74.01h.01c.12 0 .25-.01.37-.01 3.13-.09 6.34-.17 8.99 1.66V49.3c0-12.56-6.86-22.79-15.28-22.79Zm37.14 0c-8.42 0-15.27 10.23-15.27 22.79v40.98c2.66-1.83 5.85-1.74 8.98-1.65.71.02 1.44.04 2.17.04h36.06V26.51H83.63Z\" fill=\"#FF8200\"><\/path><path d=\"M81.4 91.09c-1.31-.03-2.55-.07-3.72.01.6.02 1.21.03 1.83.03h4.12c-.75 0-1.5-.02-2.23-.04Z\" fill=\"#4B4B4B\"><\/path><path d=\"M124.26 29.39h-6.23v-4.11c0-.68-.55-1.23-1.23-1.23H79.51c-7.47 0-13.87 6.6-16.48 15.91l-.03.09c-.06-.22-.12-.43-.18-.64-.01-.01-.01-.02-.01-.03-2.72-9.01-9.01-15.33-16.32-15.33H9.2c-.68 0-1.23.55-1.23 1.23v4.11H1.73c-.68 0-1.23.55-1.23 1.23v65.35c0 .68.55 1.23 1.23 1.23h51.12v2.52a1.225 1.225 0 0 0 1.23 1.23h17.84c.68 0 1.23-.55 1.23-1.23V97.2h51.11c.68 0 1.23-.55 1.23-1.23V30.62c0-.68-.55-1.23-1.23-1.23ZM64.23 49.3c0-12.56 6.86-22.79 15.28-22.79h36.06v62.16H79.51c-.73 0-1.46-.02-2.17-.04-3.13-.09-6.32-.18-8.98 1.65-1.07.73-2.05 1.78-2.91 3.26h-1.22V49.3Zm-53.8-22.79h36.06c8.42 0 15.28 10.23 15.28 22.79v44.24h-1.23c-2.12-3.68-5.03-4.67-8.13-4.9h-.01c-1.23-.08-2.49-.04-3.74-.01-.71.02-1.44.04-2.17.04H10.43V26.51Zm112.6 68.23H71.91c-.59 0-1.09.42-1.21.98-.01.08-.02.16-.02.25v2.52H55.31v-2.52a1.225 1.225 0 0 0-1.23-1.23H2.96V31.85h5.01V89.9c0 .68.55 1.23 1.23 1.23h37.29c.76 0 1.5-.02 2.23-.04 4.3-.11 7.46-.2 9.68 3.67.11.18.21.36.31.56.15.31.42.53.73.62.12.04.24.06.37.06h6.38c.47 0 .89-.26 1.1-.67 2.24-4.45 5.49-4.36 9.99-4.24.13 0 .27.01.4.01 1.17-.08 2.41-.04 3.72-.01.73.02 1.48.04 2.23.04h33.17c.68 0 1.23-.55 1.23-1.23V31.85h5v62.89Z\" fill=\"#4B4B4B\"><\/path><\/svg><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<h2 class=\"wp-block-heading\">Example<\/h2>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida dui a aliquet egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra<\/p>\n\n\n\n<p class=\"is-style-utkwds-cta-link\"><a href=\"https:\/\/www.utk.edu\/\">CTA Link<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull utkwds-icon-text has-global-padding is-layout-constrained wp-container-core-group-is-layout-ca09131d wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<div class=\"wp-block-utk-wds-icon-block items-justified-center\"><div class=\"icon-container\" style=\"width:125px\"><svg width=\"126\" height=\"125\" viewBox=\"0 0 126 125\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M72.57 22.67c5.19 5.19 8.05 12.1 8.05 19.44v.52h-9.54c-3.56-.15-6.49-4.09-7.01-7.63a11.94 11.94 0 0 1-.03-3.22c.35-2.69 1.69-5.16 3.6-7.07l3.49-3.48 1.44 1.44Z\" fill=\"#FF8200\"><\/path><path d=\"M94.69 31.47c0 6.16-5 11.16-11.16 11.16h-1.24v-.52c0-7.79-3.03-15.12-8.54-20.62l-1.44-1.44.18-.18 1.1-1.17 1.28-1.28V7.79l17.08 17.09a9.268 9.268 0 0 1 2.74 6.59ZM67.01 60.91h-1.65v.01h1.65v-.01Zm22.16 0-2.26 9.37H68.92v-9.37h20.25Zm10.08-7.47h-39.4v4.98h39.4v-4.98Zm-20.88 48.73-5.26 20.36h-3.17l-.06-20.36h8.49Z\" fill=\"#FF8200\"><\/path><path d=\"M93.7 23.12 70.95.37c-.35-.36-.9-.47-1.36-.27-.46.19-.76.64-.76 1.15v16.18l-7.54 7.54a11.74 11.74 0 0 0-3.46 8.35c0 6.52 5.3 11.82 11.82 11.82l.01-.02h13.86c7.53 0 13.65-6.12 13.65-13.65 0-3.15-1.22-6.12-3.47-8.35ZM71.33 4.25h.01v.01l3.53 3.53 17.08 17.09a9.268 9.268 0 0 1 2.74 6.59c0 6.16-5 11.16-11.16 11.16h-1.24v-.52c0-7.79-3.03-15.12-8.54-20.62l-2.73-2.73c.2-.23.32-.51.32-.82V4.26l-.01-.01Zm-1.67 38.38c-5.15 0-9.33-4.18-9.33-9.33 0-2.49.97-4.84 2.73-6.6l.01.02 6.77-6.78 2.73 2.73c5.19 5.19 8.05 12.1 8.05 19.44v.52H69.66Zm30.85 8.32H54.99c-.68 0-1.24.55-1.24 1.24v7.47c0 .69.56 1.24 1.24 1.24h7.87v9.37h-5.18c-3.31 0-5.99 2.69-5.99 6v12.36l-27.44 36.36h3.36l26.23-35.04c.21-.24.32-.53.32-.83V76.27c0-1.94 1.58-3.51 3.51-3.51h22.19l-4.84 20.99 1.62.38 4.92-21.37h6.31c.39 0 .62.22.72.36.18.22.23.5.17.78L82.27 99c-.1.4-.46.67-.87.67H63.72c-.45 0-.86.25-1.08.65L50.53 125h2.86l10.55-21.88v20.64c0 .69.55 1.24 1.23 1.24h8.91c.57 0 1.06-.38 1.21-.93l5.65-21.91h.47c1.55 0 2.9-1.05 3.28-2.54l6.49-25.1c.27-1.03.04-2.09-.6-2.93-.32-.42-.73-.75-1.18-.98l2.33-9.71h8.77c.68 0 1.24-.55 1.24-1.24v-7.47c0-.69-.56-1.24-1.23-1.24Zm-34.1 51.22h11.96l-5.26 20.36h-6.7v-20.36Zm20.5-31.89H65.36v-9.37h23.81l-2.26 9.37Zm12.34-11.86H56.24v-4.98h43.01v4.98Z\" fill=\"#4B4B4B\"><\/path><\/svg><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:70%\">\n<h2 class=\"wp-block-heading\">Example<\/h2>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec gravida dui a aliquet egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra<\/p>\n\n\n\n<p class=\"is-style-utkwds-cta-link\"><a href=\"https:\/\/www.utk.edu\/\">CTA Link<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This guidance is for use of icons within the WDS Icon &amp; text banner pattern. Icons provide users with visual signposts to help them locate, identify, and understand content.&nbsp;They can also add decorative delight and enhance brand personality. To ensure that these icons are helpful to all of our website visitors, we have designed them [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-419","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Icon Usage - Torch Theme Pattern Library<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brand.utk.edu\/web-design-system\/icons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Icon Usage - Torch Theme Pattern Library\" \/>\n<meta property=\"og:description\" content=\"This guidance is for use of icons within the WDS Icon &amp; text banner pattern. Icons provide users with visual signposts to help them locate, identify, and understand content.&nbsp;They can also add decorative delight and enhance brand personality. To ensure that these icons are helpful to all of our website visitors, we have designed them [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brand.utk.edu\/web-design-system\/icons\/\" \/>\n<meta property=\"og:site_name\" content=\"Torch Theme Pattern Library\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-14T14:24:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1700\" \/>\n\t<meta property=\"og:image:height\" content=\"430\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/icons\\\/\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/icons\\\/\",\"name\":\"Icon Usage - Torch Theme Pattern Library\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/icons\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/icons\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2025\\\/03\\\/smallericonbar-1024x259.jpg\",\"datePublished\":\"2024-03-07T22:47:55+00:00\",\"dateModified\":\"2025-08-14T14:24:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/icons\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/icons\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/icons\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2025\\\/03\\\/smallericonbar.jpg\",\"contentUrl\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/2025\\\/03\\\/smallericonbar.jpg\",\"width\":1700,\"height\":430,\"caption\":\"Five randomly selected icons used for decoration and demonstration rather than in a meaningful way\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/icons\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Icon Usage\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/#website\",\"url\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/\",\"name\":\"Design System Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brand.utk.edu\\\/web-design-system\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Icon Usage - Torch Theme Pattern Library","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:\/\/brand.utk.edu\/web-design-system\/icons\/","og_locale":"en_US","og_type":"article","og_title":"Icon Usage - Torch Theme Pattern Library","og_description":"This guidance is for use of icons within the WDS Icon &amp; text banner pattern. Icons provide users with visual signposts to help them locate, identify, and understand content.&nbsp;They can also add decorative delight and enhance brand personality. To ensure that these icons are helpful to all of our website visitors, we have designed them [&hellip;]","og_url":"https:\/\/brand.utk.edu\/web-design-system\/icons\/","og_site_name":"Torch Theme Pattern Library","article_modified_time":"2025-08-14T14:24:56+00:00","og_image":[{"width":1700,"height":430,"url":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brand.utk.edu\/web-design-system\/icons\/","url":"https:\/\/brand.utk.edu\/web-design-system\/icons\/","name":"Icon Usage - Torch Theme Pattern Library","isPartOf":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/icons\/#primaryimage"},"image":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/icons\/#primaryimage"},"thumbnailUrl":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar-1024x259.jpg","datePublished":"2024-03-07T22:47:55+00:00","dateModified":"2025-08-14T14:24:56+00:00","breadcrumb":{"@id":"https:\/\/brand.utk.edu\/web-design-system\/icons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brand.utk.edu\/web-design-system\/icons\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brand.utk.edu\/web-design-system\/icons\/#primaryimage","url":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar.jpg","contentUrl":"https:\/\/brand.utk.edu\/web-design-system\/wp-content\/uploads\/sites\/2\/2025\/03\/smallericonbar.jpg","width":1700,"height":430,"caption":"Five randomly selected icons used for decoration and demonstration rather than in a meaningful way"},{"@type":"BreadcrumbList","@id":"https:\/\/brand.utk.edu\/web-design-system\/icons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brand.utk.edu\/web-design-system\/"},{"@type":"ListItem","position":2,"name":"Icon Usage"}]},{"@type":"WebSite","@id":"https:\/\/brand.utk.edu\/web-design-system\/#website","url":"https:\/\/brand.utk.edu\/web-design-system\/","name":"Design System Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brand.utk.edu\/web-design-system\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/pages\/419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/comments?post=419"}],"version-history":[{"count":0,"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/pages\/419\/revisions"}],"wp:attachment":[{"href":"https:\/\/brand.utk.edu\/web-design-system\/wp-json\/wp\/v2\/media?parent=419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}