Download

ZIP is best for most users. Folder save is available in Chrome and Edge.

Setup code

Upload the generated files to your website root, then paste this into your page head.

<link rel="icon" href="/icon-ctg.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/icon-ctg-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icon-ctg-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-ctg-apple-touch.png">
<link rel="manifest" href="/ctg-site-icons-behaviour-library.webmanifest">

What files do I get?

The pack includes the standard icon files most websites need.

icon-ctg.ico

The classic browser favicon file. It includes multiple small icon sizes for broad browser support.

icon-ctg-16x16.png

A tiny PNG favicon used by browser tabs, bookmarks, and compact UI areas.

icon-ctg-32x32.png

A sharper PNG favicon for modern browser tabs and higher density screens.

icon-ctg-apple-touch.png

The 180x180 Apple touch icon used when someone saves your website to an iPhone or iPad home screen.

icon-ctg-android-chrome-192x192.png

The Android Chrome app icon used by the webmanifest for installed shortcuts.

icon-ctg-android-chrome-512x512.png

A larger Android Chrome icon for install screens, splash screens, and high resolution app displays.

ctg-site-icons-behaviour-library.webmanifest

The manifest file that tells browsers which app icons to use when your website is saved or installed.