Creates a flat icon from a given image file.
JavaScript HTML CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css Drag/Drop event now much more stable Mar 21, 2016
examples
img
js Style improvements Apr 16, 2016
LICENSE
README.md
index.html Updated attribution link. Jan 10, 2017
manifest.json
sw.js
sw_install.js

README.md

Flat-Icon-Generator (FIG)

What

Creates an Android-style flat icon from a given image file. Works with most common image formats, though optimized for high-quality PNGs. 100% functional offline on Chrome after first visit.

Examples:

Flash Icon Apple Icon Twitter Icon Laptop Icon

How

FIG uses HTML5 Canvas to draw a shadow of a given opacity at a given angle from the source icon. You can also set a background of any color in a square or circular shape. Offline capabilities are provided via service workers (using Google's sw-toolbox library).

Who

Created with love by @RubenCodes. This project is licensed under the terms of the MIT license.