Subscribe
Sign in
Gradientify Icons — Interactive free SVG icons you can colorize as you wish
Gradientify is a free, interactive SVG icons pack, customizable with a simple yet powerful gradient editor, which allows you to create unique gradient color palettes or pick from a selection of 100+ trendy premade gradients
85
Replies
📖 Story
Hello Hunters and Makers, and thanks @kevin for hunting us :-)
it's story time! A while back we started working on an big update for Iconshock that involved adding brand new features to the icon customizing options already available on the platform.
In the process, we developed a simple but powerful tool to test out some features, customize icons with a variety of gradient palettes & download the personalized set, but we figured it would be cool to make it available to anyone who wanted to check them out while we finish the larger Iconshock update.
💪 Motivation
For a while now, gradients have been used on everything from backgrounds, buttons, headers & several UX elements, however icon design has been dominated by flat colors so far, we figured we may try to change that, so we focused on polishing this live editor tool with near 500 SVG icons and put it out there to show that the versatility of gradient colors also extends to icon design.
Here's a quick summary of what you can do with Gradientify:
🔥 480+ svg icons, ready to be customized and downloaded
✏️ An icon set packed with a ton of different industries & categories
📱 A simple yet powerful gradient editor interface with 100+ premade gradient variations
🎯 Create your own gradients & customize color shades precisely with our simple tool
🛠 You can copy the CSS code of your custom gradient
↔️ Option to swap the gradient color orientation
📥 Download your custom gradient icons in SVG & PNG formats!
We love to make icons & create new ways to personalize them so that anyone can make a set of their own, we hope the PH community loves these as much as we do, and as always any feedback you guys could send our way is much appreciated! :-)
@kevin @ryzalyusoff great ! Please use them, I'd like to see readermode 2.0 with that gradient feel haha
@sandochee Wow, that would be fantastic, do you need some specific materials (photos, copy, etc) ?
@juanpablosarmi If you have a description you would like me to put that can be cool. The icon I take the one from the website you can also send that if you want :)
Hey @sandochee just send you a description through Undesign's contact, let me know if you receive it :)
@lineicons @musharofchy Mushrad, thanks partner ! Line icons is quite a good project, I think we should work in something together ;) When do you plan to launch ?
@juanpablosarmi Thanks mate yeah we will, let's talk someday. Next launch most probably in february ;)
Looks very good but not downloading i see "Your icons are being downloaded" and that's it.
Very nice style and interaction with the gradient options! Is there a way to put an exact color code in for the gradient options? I could edit the CSS, but the colors would not update.
@razvanilin it was there initially but working a bit buggy, it really needs that, let us work on that and update ;) would be far more useful if you can pick your specific colors.
Love it, another great release from @juanpablosarmi. Will come in handy for sure!
@peter123456789 Absolutely Peter, please use it as you wish, if you adap them into your app I'd love to see the result !
@juanpablosarmi Great Job. I love the idea and ICONS. I'll suggest you to add single icon download rather than full collection. All good.
@mddanishyusuf Thanks, we are actually working on this feature for the next update, as well as search options and single icon customization !
Awesome idea, always look forward to your launches on here @juanpablosarmi will for sure be using this in future projects!!!
@pitchground Aaron, sure, feel free to use them, whenever you need and keep the good work too, please keep me posted about the new moves !
Downloading... Iconshock packs, ever been the best!!!! High Quality in every design!!! Amazing Job! tks
@maxweir Yes ! right in the picker, you can set gradient colors and get CSS code.
@kevin @juanpablosarmi
Very cool! Gradients FTW! *downloads very single color*
I am going to need to buy another SSD. Love it. 👍
This looks fantastic! Looks like your site is under heavy load :P Looking forward to checking it out!
@e2d3m Please give it some time, as it need to process the custom color you selected, it's nodejs processing the icons, please let me know
@francarlos_jose_blanco_herrera hello, it was not easy to get that speed, but thanks to our great team ;) ;) we were able to achieve it !!
Cool icons and the setup for the gradient works really well. Are there any plans so that you can import your own SVGs and then define the sections to take advantage of the customization?
@felipe_otalora thanks, it took us a lot to get to the final UX and the gradient tool.
Yes, next version, which is gonna be a big iconshock update, will have an option to upload your own SVGs, however, to define specific parts of a uploaded SVG is really really hard to achieve, as not all icons are build the same. So we'd need to define some kind of standard.
Fur sure we are thinking in all the option, any other idea or recommendation ?
Gradientify Icons Looking forward to having the filters and search option and ability to download single icons in the future. Keep up the good work.
@samarpatel13 Samir, thanks for your feedback, actually we are working in such features (and more), do you think would be useful to be able to edit single icons too ? would appreciate a lot your thoughts about it...
@juanpablosarmi Allowing to download single icon with predefined colors would be great as users can get multi colored icons from same set of designs individually when they download all single ones.. Also if you want you can add a .99 cents editable SVG for single icons to come up with a new plan too.
@samarpatel13 Thanks, single icons download and edition seems the path to follow ! someone told us the icons could even work (in some scenarios) as logos, so with the individual plan we can even try a simple but useful logo editor !
@juanpablosarmi Instead of spending time and money on Logo Editor, I would say give them an editable blank templates or supporting vector files like fonts, example styles in a package that they download a single icon download.
Eeee! Finally, someone did it, now I don’t have to strain myself or the designer! Thanks!
@artem_stenko haha, now you can simply relax and use the gradientify icons pack :)
@unrealartemg amazing ! feel free to use them as you wish, you can match your business colors.
PricingTurbo.