No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

page title tags date
Simple Logo and FavIcon Creation
logo favicon

Install Sketch App and ImageMagick

brew cask install sketch
brew install imagemagick

Create a logo

Design a logo in Sketch using vector components. Export the result to an SVG

Convert the SVG to favicon formats

With the ImageMagick convert command

convert -density 300 -background transparent myicon.svg -define icon:auto-resize=64,48,32,16 favicon.ico
convert -density 300 -background transparent myicon.svg -resize 64x64 favicon.png

Use the icon

Copy favicon.ico and favicon.png to your site root

Add the following to your page <head> section

<link rel="icon" type="image/png" href="/favicon.png"/>

This should work on almost all browsers. Wiki

  • Those with PNG favicon support will use favicon.png
  • Others will fallback on trying the default /favicon.ico