https://github.com/rubencodes/flat-icon-generator

Creates a flat icon from a given image file.
https://github.com/rubencodes/flat-icon-generator

Last synced: about 2 months ago
JSON representation

Creates a flat icon from a given image file.

• Host: GitHub
• URL: https://github.com/rubencodes/flat-icon-generator
• Owner: rubencodes
• License: mit
• Created: 2015-06-04T02:23:54.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2019-12-07T13:17:32.000Z (about 5 years ago)
• Last Synced: 2023-05-11T05:20:40.449Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://flat.style
• Size: 19.6 MB
• Stars: 44
• Watchers: 4
• Forks: 13
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](examples/flash.png?raw=true "Flash Icon")

![Apple Icon](examples/apple.png?raw=true "Apple Icon")

![Twitter Icon](examples/twitter.png?raw=true "Twitter Icon")

![Laptop Icon](examples/laptop.png?raw=true "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](https://github.com/GoogleChrome/sw-toolbox) library).

## Who

Created with love by [@RubenCodes](https://twitter.com/rubencodes). This project is licensed under the terms of the MIT license.