Iconplus
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...
Install / Use
/learn @aminkodaganur/IconplusREADME
#Find it <a href="https://aminkodaganur.github.io/iconplus/">Here</a>
#Demo <img src="https://raw.githubusercontent.com/aminkodaganur/iconplus/gh-pages/promotion.jpg" />
#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 <a href="https://aminkodaganur.github.io/iconplus/">site</a> 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(read : https://opensource.org/licenses/MIT/) open source license. And No one is allowed to make any kind of API of this as I will be doing it soon ;)
Related Skills
openhue
341.0kControl Philips Hue lights and scenes via the OpenHue CLI.
sag
341.0kElevenLabs text-to-speech with mac-style say UX.
weather
341.0kGet current weather and forecasts via wttr.in or Open-Meteo
tweakcc
1.5kCustomize Claude Code's system prompts, create custom toolsets, input pattern highlighters, themes/thinking verbs/spinners, customize input box & user message styling, support AGENTS.md, unlock private/unreleased features, and much more. Supports both native/npm installs on all platforms.
