/Flat-Icon-Generator

Creates a flat icon from a given image file.
  1. JavaScript 74.2%
  2. HTML 22.3%
  3. CSS 3.5%
JavaScript HTML CSS

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP
Find file
Switch branches/tags
Nothing to show
Latest commit edc37a9 May 22, 2017 @rubencodes Adds package.json for easier deploys.
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.