MX Infinity favicon package

Production favicon assets for mohammedkamel.com.

Files

favicon.svg — scalable master logo
favicon.ico — multi-resolution browser favicon
favicon-16x16.png, favicon-32x32.png, and favicon-48x48.png — standard browser favicons
apple-touch-icon.png — 180 × 180 Apple touch icon
favicon-192x192.png and favicon-512x512.png — web app icons
site.webmanifest — manifest metadata

HTML

Place the files at the website root and add these elements inside <head>:

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32">
<link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#202630">

Colors: graphite #202630; icy white #F2F8FF.