Flat Shadow Generator

Shadow Angle


Shadow Depth


Choose from a list of free Icons

All Icons in the Dashboard are free to use, Get Started..!!



Generate Shadow Icons in no time

Your one-stop icon warehouse. You'll find thousands of icons, all of them free. Drag, Click, Edit, Play-around with the icon. Click below to view dashboard where you can change Shadow angle, Shadow depth and even the position of the Icon. Go..!! Create an awesome Flat Shadow Icon now.


How to Use

Download and Include flattyshadow JS and CSS Files.

Click on the Download Code button and include these files in the head section of your webpage. You just need to call flattyshadow() function from your web page. Thats It..!! Soo Simple to use.


Custom shadow depth and shadow angle

Flatty Shadow generator will allow you to create Flat Shadow Icons without using a image editor.Generate shadow effects and customize color/position/depth and many more. You can also have the fading effect of Shadows by using the transparency tool. Have Fun.



Available in IMAGE / CODE format

If you are a designer, you can download the high resolution customised Icon. If you are a developer, you get the complete source code which is damn easy to integrate into your webpage.The download section includes icons that can be scaled for various screen resolutions and suitable for use.

Do you wanna contribute Icons to this project?

Send us SVG, AI, EPS or Font Icons