Intro

Produce icons with extra effect like long shadow, flat shadow, box effect, circle effect and rounded rectangle effect. It support Dynamic text, Font-awesome icons and also google materialized icon. You can make any Font-awesome icon as line icon and add attractive effect to it dynamically. As a output you will get CSS3 code and also you can export it as SVG file...

Features

• Adjustable Long shadow for both Text and Box
• Adjustable Flat shadow for both Text and Box
• Fade on/off option for both Text and Box shadow
• Adjustable opacity for shadow
• Different Box-radius styles like circle, Square, rounded Square.
• You can select shadow direction too
  • Bottom,
  • Bottom right,
  • Right,
  • Top right,
  • Top,
  • Top left,
  • Left,
  • Left bottom
• You can have custom text with custom font color and box color
• You can even have font-awesome icon tag or Google Materialized icon tag
• You can make font , font-awesome icon and Google Materialized icon as line icon
• You can have adjustable font size and box size

What you get

• It will compile and export HTML and CSS quick code to include in your web application
• Or you download it as SVG file and use it as image in your web application

How to use it

• Step1 : Go to site and build icon with effect however you want
• Step2: Find “Get Code” or “Download as SVG” button on menu bar and click on any one option

  Get Code: This option will generate code to be pasted on your web application. Paste HTML code wherever you want to render the icon and paste CSS code in style tag in head tag.

  Download as SVG: This option will Export a SVG file and you can download it on your local. You just need have one img src=”SVG_File_Path.svg” tag on your web application wherever you want to render the icon.

License:

This project is released under MIT open source license.
And No one is allowed to make any kind of API of this as I will be doing it soon ;)