MagsVisionMagsVision
← Back to all designs

Website icons.

Download favicons and Apple touch icons for dark or light backgrounds.

Switch between the dark and light artwork collections using the sun or moon button above.

Dark artwork collection

Favicons

Shown below at actual size. The smallest files use the simplified MV icon.

Apple and website icons

Add the icons to a website

Copy the icon files and site.webmanifest from the selected collection into the website’s main folder. Add these tags inside the page’s <head>.

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0F172A">