Creates a flat icon from a given image file.
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
examples
img
js
LICENSE
README.md
index.html
manifest.json
package.json
sw.js
sw_install.js

README.md

Flat-Icon-Generator (flat.style)

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.