{"id":1512,"date":"2026-03-27T12:58:39","date_gmt":"2026-03-27T12:58:39","guid":{"rendered":"https:\/\/blog.utc.edu\/web-kb\/?p=1512"},"modified":"2026-04-29T16:36:40","modified_gmt":"2026-04-29T16:36:40","slug":"use-fontawesome-icons","status":"publish","type":"post","link":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/","title":{"rendered":"FontAwesome and Customized UTC Icons"},"content":{"rendered":"\n<p><a href=\"https:\/\/fontawesome.com\/icons\" type=\"link\" id=\"https:\/\/fontawesome.com\/icons\">Font Awesome icons<\/a> are used across the University website to add clear, consistent visual cues that help users quickly understand content\u2014like recognizing a phone number, email link, or external resource at a glance. Instead of relying only on text, icons act like simple road signs, making pages easier to scan and improving the overall user experience. The University uses a customized Font Awesome kit that builds on a library of nearly 65,000 available icons, adding a set of UTC-specific icons designed to match our brand. This approach gives you the best of both worlds: a massive selection of ready-to-use icons for almost any situation, along with custom icons that represent University-specific needs. In the sections below, you\u2019ll find the approved naming conventions for using these icons, so you can apply them correctly and keep everything aligned with University standards.<\/p>\n\n\n\n<p><a href=\"https:\/\/fontawesome.com\/icons\/\">Go here to view the FontAwesome library of icons<\/a>.<\/p>\n\n\n\n<p>See the table below for the code to implement UTC Customized icons.<\/p>\n\n\n\n<p>For details on how to implement icons, Faculty and Staff can watch <a href=\"https:\/\/utchattanooga.instructure.com\/courses\/31920\/assignments\/686876?module_item_id=2042010\" type=\"link\" id=\"https:\/\/utchattanooga.instructure.com\/courses\/31920\/assignments\/686876?module_item_id=2042010\">Video 8 in our Canvas training module<\/a>. You must be invited as a &#8220;student&#8221; to have access. Reach out to us at <a href=\"mailto:webhelp@utc.edu\">webhelp@utc.edu<\/a> for access.<\/p>\n\n\n\n<style>\nh2 {font-size: 1.5rem;}\ni, svg {font-size: 3rem;}\n.flex-grid-icons {display:flex;justify-content:space-evenly;}\n<\/style>\n<div class=\"flex-grid-icons\">\n    <div>\n        <h2>\n            Acorn:<i class=\"fa-kit fa-acorn-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-acorn-utc\n            <\/li>\n            <li>\n                unicode: e004\n            <\/li>\n        <\/ul>\n        <h2>\n            AI:&nbsp;<i class=\"fa-kit fa-ai-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-ai-utc\n            <\/li>\n            <li>\n                unicode: e02b\n            <\/li>\n        <\/ul>\n        <h2>\n            Aquarium:<i class=\"fa-kit fa-aquarium-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-aquarium-utc\n            <\/li>\n            <li>\n                unicode: e005\n            <\/li>\n        <\/ul>\n        <h2>\n            Balance:<i class=\"fa-kit fa-balance-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-balance-utc\n            <\/li>\n            <li>\n                unicode: e006\n            <\/li>\n        <\/ul>\n<h2>\n            Beaker: <i class=\"fa-kit fa-beaker-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-beaker-utc\n            <\/li>\n            <li>\n                unicode: e027\n            <\/li>\n        <\/ul>\n        <h2>\n            Binoculars:<i class=\"fa-kit fa-binoculars-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-binoculars-utc\n            <\/li>\n            <li>\n                unicode: e007\n            <\/li>\n        <\/ul>\n        <h2>\n            Calculator:&nbsp;<i class=\"fa-kit fa-calculator-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-calculator-utc\n            <\/li>\n            <li>\n                unicode: e008\n            <\/li>\n        <\/ul>\n        <h2>\n            Camera:&nbsp;<i class=\"fa-kit fa-camera-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-camera-utc\n            <\/li>\n            <li>\n                unicode: e009\n            <\/li>\n        <\/ul>\n        <h2>\n            Carabiner:&nbsp;<i class=\"fa-kit fa-carabiner-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-carabiner-utc\n            <\/li>\n            <li>\n                unicode: e00a\n            <\/li>\n        <\/ul>\n        <h2>\n            Chamberlain:&nbsp;<i class=\"fa-kit fa-chamberlain-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-chamberlain-utc\n            <\/li>\n            <li>\n                unicode: e00b\n            <\/li>\n        <\/ul>\n        <h2>\n            Closed Book:&nbsp;<i class=\"fa-kit fa-closedbook-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-closedbook-utc\n            <\/li>\n            <li>\n                unicode: e00c\n            <\/li>\n        <\/ul>\n<h2>\n            Closed Book 2:&nbsp;<i class=\"fa-kit fa-closedbook2-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-closedbook2-utc\n            <\/li>\n            <li>\n                unicode: e026\n            <\/li>\n        <\/ul>\n        <h2>\n            Compass:&nbsp;<i class=\"fa-kit fa-compass-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-compass-utc\n            <\/li>\n            <li>\n                unicode e00d\n            <\/li>\n        <\/ul>\n        <h2>\n            Cupcake:&nbsp;<i class=\"fa-kit fa-cupcake-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-cupcake-utc\n            <\/li>\n            <li>\n                unicode: e00e\n            <\/li>\n        <\/ul>\n        <h2>\n            Graduation Cap:&nbsp;<i class=\"fa-kit fa-gradcap-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-gradcap-utc\n            <\/li>\n            <li>\n                unicode: e00f\n            <\/li>\n        <\/ul>\n<\/div>\n<div>\n        <h2>\n            Handshake:&nbsp;<i class=\"fa-kit fa-handshake\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-handshake\n            <\/li>\n            <li>\n                unicode: e001\n            <\/li>\n        <\/ul>\n        <h2>\n            Hiking Boot:&nbsp;<i class=\"fa-kit fa-hikingboot-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-hikingboot-utc\n            <\/li>\n            <li>\n                unicode: e0010\n            <\/li>\n        <\/ul>\n        <h2>\n            Kayak:&nbsp;<i class=\"fa-kit fa-kayak-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-kayak-utc\n            <\/li>\n            <li>\n                unicode: e011\n            <\/li>\n        <\/ul>\n        <h2>\n            Leaf 1:&nbsp;<i class=\"fa-kit fa-leaf1-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-leaf1-utc\n            <\/li>\n            <li>\n                unicode: e012\n            <\/li>\n        <\/ul>\n        <h2>\n            Leaf 2:&nbsp;<i class=\"fa-kit fa-leaf2-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-leaf2-utc\n            <\/li>\n            <li>\n                unicode: e013\n            <\/li>\n        <\/ul>\n        <h2>\n            Left Arrow:&nbsp;<i class=\"fa-kit fa-left-arrow-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-left-arrow-utc\n            <\/li>\n            <li>\n                unicode: e021\n            <\/li>\n        <\/ul>\n        <h2>\n            Lightbulb:&nbsp;<i class=\"fa-kit fa-lightbulb-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-lightbulb-utc\n            <\/li>\n            <li>\n                unicode: e014\n            <\/li>\n        <\/ul>\n<h2>\n            Map:&nbsp;<i class=\"fa-kit fa-map-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-map-utc\n            <\/li>\n            <li>\n                unicode: e029\n            <\/li>\n        <\/ul>\n        <h2>\n            Medal:&nbsp;<i class=\"fa-kit fa-medal-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-medal-utc\n            <\/li>\n            <li>\n                unicode: e015\n            <\/li>\n        <\/ul>\n        <h2>\n            Megaphone:&nbsp;<i class=\"fa-kit fa-megaphone-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-megaphone-utc\n            <\/li>\n            <li>\n                unicode: e016\n            <\/li>\n        <\/ul>\n        <h2>\n            Microphone:&nbsp;<i class=\"fa-kit fa-microphone-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-microphone-utc\n            <\/li>\n            <li>\n                unicode: e017\n            <\/li>\n        <\/ul>\n<h2>\n            Microphone 2:&nbsp;<i class=\"fa-kit fa-microphone2-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-microphone2-utc\n            <\/li>\n            <li>\n                unicode: e025\n            <\/li>\n        <\/ul>\n<h2>\n            Microscope:&nbsp;<i class=\"fa-kit fa-microscope-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-microscope-utc\n            <\/li>\n            <li>\n                unicode: e028\n            <\/li>\n        <\/ul>\n        <h2>\n            Mockingbird:&nbsp;<i class=\"fa-kit fa-mockingbird-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-mockingbird-utc\n            <\/li>\n            <li>\n                unicode: e018\n            <\/li>\n        <\/ul>\n        <h2>\n            Mocs feet:&nbsp;<i class=\"fa-kit fa-mocsfeet-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-mocsfeet-utc\n            <\/li>\n            <li>\n                unicode: e019\n            <\/li>\n        <\/ul>\n<\/div>\n<div>\n        <h2>\n            Open Book:&nbsp;<i class=\"fa-kit fa-openbook-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-openbook-utc\n            <\/li>\n            <li>\n                unicode: e01a\n            <\/li>\n        <\/ul>\n        <h2>\n            Right Arrow:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-right-arrow-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-right-arrow-utc\n            <\/li>\n            <li>\n                unicode: e022\n            <\/li>\n        <\/ul>\n        <h2>\n            Robot:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-robot-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-robot-utc\n            <\/li>\n            <li>\n                unicode: e01b\n            <\/li>\n        <\/ul>\n        <h2>\n            Scrappy:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-scrappy-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-scrappy-utc\n            <\/li>\n            <li>\n                unicode: e01c\n            <\/li>\n        <\/ul>\n        <h2>\n            Separator:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-separator-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-separator-utc\n            <\/li>\n            <li>\n                unicode: e026\n            <\/li>\n        <\/ul>\n        <h2>\n            Shakespeare:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-shakespeare-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-shakespeare-utc\n            <\/li>\n            <li>\n                unicode: e01d\n            <\/li>\n        <\/ul>\n        <h2>\n            Shopping Cart:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-shoppingcart-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-shoppingcart-utc\n            <\/li>\n            <li>\n                unicode: e01e\n            <\/li>\n        <\/ul>\n        <h2>\n            Squirrel:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-squirrel-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-squirrel-utc\n            <\/li>\n            <li>\n                unicode: e01f\n            <\/li>\n        <\/ul>\n<h2>\n            Tennessee:&nbsp;<i class=\"fa-kit fa-tennessee-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-tennessee-utc\n            <\/li>\n            <li>\n                unicode: e02a\n            <\/li>\n        <\/ul>\n        <h2>\n            Umbrella:&nbsp;<i class=\"fa-kit fa-umbrella-utc\"><\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-umbrella-utc\n            <\/li>\n            <li>\n                unicode: e020\n            <\/li>\n        <\/ul>\n        <h2>\n            Stripes:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-utc-5-stripes\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-utc-5-stripes\n            <\/li>\n            <li>\n                unicode: e027\n            <\/li>\n        <\/ul>\n        <h2>\n            One-color Power C:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-utc-power-c\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-utc-power-c\n            <\/li>\n            <li>\n                unicode: e000\n            <\/li>\n        <\/ul>\n        <h2>\n            Two-color Power C:&nbsp;<i class=\"fa-solid fa-kit-duotone fa-utc-power-c-duotone\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-utc-power-c-duotone\n            <\/li>\n            <li>\n                unicode: e003\n            <\/li>\n        <\/ul>\n<h2>\n            World:&nbsp;<i class=\"fa-kit fa-world-utc\">&nbsp;<\/i>\n        <\/h2>\n        <ul>\n            <li>\n                class: fa-world-utc\n            <\/li>\n            <li>\n                unicode: e02b\n            <\/li>\n        <\/ul>\n    <\/div>\n    <div>\n        &nbsp;\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Font Awesome icons are used across the University website to add clear, consistent visual cues that help users quickly understand content\u2014like recognizing a phone number, email link, or external resource at a glance. Instead of relying only on text, icons act like simple road signs, making pages easier to scan and improving the overall user&hellip; <\/p>\n<p class=\"more-link-wrap\"><span><a class=\"more-link button text\" href=\"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/\"><span>Continue Reading <\/span><\/a><\/span><\/p>\n","protected":false},"author":1771,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","footnotes":""},"categories":[3,5,11],"tags":[],"class_list":{"0":"post-1512","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-drupal","7":"category-other","8":"category-site-feature","9":"entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FontAwesome and Customized UTC Icons - UTC Website Knowledge Base<\/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:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FontAwesome and Customized UTC Icons - UTC Website Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"Font Awesome icons are used across the University website to add clear, consistent visual cues that help users quickly understand content\u2014like recognizing a phone number, email link, or external resource at a glance. Instead of relying only on text, icons act like simple road signs, making pages easier to scan and improving the overall user&hellip; Continue Reading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/\" \/>\n<meta property=\"og:site_name\" content=\"UTC Website Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-27T12:58:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-29T16:36:40+00:00\" \/>\n<meta name=\"author\" content=\"Bridget Hornsby\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UTC Web Team\" \/>\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:\\\/\\\/blog.utc.edu\\\/web-kb\\\/2026\\\/03\\\/27\\\/use-fontawesome-icons\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/2026\\\/03\\\/27\\\/use-fontawesome-icons\\\/\"},\"author\":{\"name\":\"Bridget Hornsby\",\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/#\\\/schema\\\/person\\\/cfb857737b51b1144766c52775d80488\"},\"headline\":\"FontAwesome and Customized UTC Icons\",\"datePublished\":\"2026-03-27T12:58:39+00:00\",\"dateModified\":\"2026-04-29T16:36:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/2026\\\/03\\\/27\\\/use-fontawesome-icons\\\/\"},\"wordCount\":540,\"articleSection\":[\"Drupal\",\"Other\",\"Site Feature\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/2026\\\/03\\\/27\\\/use-fontawesome-icons\\\/\",\"url\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/2026\\\/03\\\/27\\\/use-fontawesome-icons\\\/\",\"name\":\"FontAwesome and Customized UTC Icons - UTC Website Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/#website\"},\"datePublished\":\"2026-03-27T12:58:39+00:00\",\"dateModified\":\"2026-04-29T16:36:40+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/#\\\/schema\\\/person\\\/cfb857737b51b1144766c52775d80488\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/2026\\\/03\\\/27\\\/use-fontawesome-icons\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/2026\\\/03\\\/27\\\/use-fontawesome-icons\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/2026\\\/03\\\/27\\\/use-fontawesome-icons\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FontAwesome and Customized UTC Icons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/#website\",\"url\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/\",\"name\":\"UTC Website Knowledge Base\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.utc.edu\\\/web-kb\\\/#\\\/schema\\\/person\\\/cfb857737b51b1144766c52775d80488\",\"name\":\"Bridget Hornsby\",\"url\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FontAwesome and Customized UTC Icons - UTC Website Knowledge Base","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:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/","og_locale":"en_US","og_type":"article","og_title":"FontAwesome and Customized UTC Icons - UTC Website Knowledge Base","og_description":"Font Awesome icons are used across the University website to add clear, consistent visual cues that help users quickly understand content\u2014like recognizing a phone number, email link, or external resource at a glance. Instead of relying only on text, icons act like simple road signs, making pages easier to scan and improving the overall user&hellip; Continue Reading","og_url":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/","og_site_name":"UTC Website Knowledge Base","article_published_time":"2026-03-27T12:58:39+00:00","article_modified_time":"2026-04-29T16:36:40+00:00","author":"Bridget Hornsby","twitter_card":"summary_large_image","twitter_misc":{"Written by":"UTC Web Team","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/#article","isPartOf":{"@id":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/"},"author":{"name":"Bridget Hornsby","@id":"https:\/\/blog.utc.edu\/web-kb\/#\/schema\/person\/cfb857737b51b1144766c52775d80488"},"headline":"FontAwesome and Customized UTC Icons","datePublished":"2026-03-27T12:58:39+00:00","dateModified":"2026-04-29T16:36:40+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/"},"wordCount":540,"articleSection":["Drupal","Other","Site Feature"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/","url":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/","name":"FontAwesome and Customized UTC Icons - UTC Website Knowledge Base","isPartOf":{"@id":"https:\/\/blog.utc.edu\/web-kb\/#website"},"datePublished":"2026-03-27T12:58:39+00:00","dateModified":"2026-04-29T16:36:40+00:00","author":{"@id":"https:\/\/blog.utc.edu\/web-kb\/#\/schema\/person\/cfb857737b51b1144766c52775d80488"},"breadcrumb":{"@id":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.utc.edu\/web-kb\/2026\/03\/27\/use-fontawesome-icons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.utc.edu\/web-kb\/"},{"@type":"ListItem","position":2,"name":"FontAwesome and Customized UTC Icons"}]},{"@type":"WebSite","@id":"https:\/\/blog.utc.edu\/web-kb\/#website","url":"https:\/\/blog.utc.edu\/web-kb\/","name":"UTC Website Knowledge Base","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.utc.edu\/web-kb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.utc.edu\/web-kb\/#\/schema\/person\/cfb857737b51b1144766c52775d80488","name":"Bridget Hornsby","url":""}]}},"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"UTC Web Team","author_link":""},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/1512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/users\/1771"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/comments?post=1512"}],"version-history":[{"count":12,"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/1512\/revisions"}],"predecessor-version":[{"id":1588,"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/posts\/1512\/revisions\/1588"}],"wp:attachment":[{"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/media?parent=1512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/categories?post=1512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.utc.edu\/web-kb\/wp-json\/wp\/v2\/tags?post=1512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}