Your generated favicon

Published on December 22nd, 2017 by Syed Hassan Ali

Support us

Creating and maintaining this service takes a lot of time. I would appreciate if you could donate a few bucks.

$5
$10
$15
$20
Other

Install your favicon

The new package is much lighter, yet keeping the same compatibility level as before. If you prefer the old, 20+ icons, 15+ lines of code, you can Get the old package

Download your package: Favicon package
Extract this package in the root of your web site. If your site is http://www.example.com, you should be able to access a file named http://www.example.com/favicon.ico.

Insert the following code in the <head> section of your pages:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">