Assets

Favicons

A favicon (short for "favorites icon"), is an icon associated with a particular website or web application. Web browsers and mobile devices display these icons in browser tabs and other locations.

Below are the official favicons for MAX.gov applications. To include the MAX favicons in your project, add these lines of code to the <head> section of your pages:

<link rel="apple-touch-icon" sizes="57x57" href="//design.max.gov/assets/images/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="//design.max.gov/assets/images/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="//design.max.gov/assets/images/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="//design.max.gov/assets/images/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="//design.max.gov/assets/images/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="//design.max.gov/assets/images/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="//design.max.gov/assets/images/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="//design.max.gov/assets/images/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="//design.max.gov/assets/images/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="//design.max.gov/assets/images/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="//design.max.gov/assets/images/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="//design.max.gov/assets/images/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="//design.max.gov/assets/images/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="//design.max.gov/assets/images/favicons/manifest.json">
<link rel="mask-icon" href="//design.max.gov/assets/images/favicons/safari-pinned-tab.svg" color="#317ab9">
<link rel="shortcut icon" href="//design.max.gov/assets/images/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="MAX.gov">
<meta name="application-name" content="MAX.gov">
<meta name="msapplication-TileColor" content="#317ab9">
<meta name="msapplication-TileImage" content="//design.max.gov/assets/images/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="//design.max.gov/assets/images/favicons/browserconfig.xml">
<meta name="theme-color" content="#317ab9">