Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
page title tags date
Simple Logo and FavIcon Creation
logo favicon
2016-05-20

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

About

No description, website, or topics provided.

Resources

Releases

No releases published

Packages

No packages published