Subscribe
Sign in
IconShock
p/iconshockWe make icons
Start new thread
Kevin William David

Gradientify Icons - Interactive free SVG icons you can colorize as you wish

by•

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

Add a comment

Replies

Best
Juan Sarmiento
Maker
📖 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! :-)
Juan Sarmiento
Maker
@kevin @ryzalyusoff great ! Please use them, I'd like to see readermode 2.0 with that gradient feel haha
Sandoche
Very nice, well done, I'll add it soon to https://Undesign.learn.uno !
Juan Sarmiento
Maker
@sandochee Wow, that would be fantastic, do you need some specific materials (photos, copy, etc) ?
Sandoche
@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 :)
Juan Sarmiento
Maker
@sandochee sure thing, will prepare a description :)
Juan Sarmiento
Maker
Hey @sandochee just send you a description through Undesign's contact, let me know if you receive it :)
Juan Sarmiento
Maker
Thanks a lot @sandochee !!
Musharof Chowdhury
Cool idea, congrats on the launch! We are also working on @LineIcons V2 ;)
Juan Sarmiento
Maker
@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 ?
Musharof Chowdhury
@juanpablosarmi Thanks mate yeah we will, let's talk someday. Next launch most probably in february ;)
Juan Sarmiento
Maker
@musharofchy great ! please send me the link when done! :)
Rajat Patel
It's so great. I love the landing page, and it lets you choose the colors you want for your icons, and also lets you download them with a few requests. There are a lot of available icons that you can use. It's really cool.
Juan Sarmiento
Maker
@rajat_patel2 thanks Rajal!
Collin Farra
@juanpablosarmi this set is great, it matches perfectly with the gradients. And the gradients... that's the best part, they're beautiful. Wondering how did you choose the palettes?
Juan Sarmiento
Maker
@collin_farra Hello, thanks for your kind words, we take a lot of time one curating and creating gradients from several online tools, and you are totally right. The key is to choose the perfect color palettes, otherwise it will looks weird. Feel free to use to try your own gradients on the fly. Did you check you can copy the css code ?
Collin Farra
@juanpablosarmi that's a nice and necessary feature nowadays, I'm self learning web design and this is the kind of stuff I need
Juan Sarmiento
Maker
@collin_farra amazing, try to do stuff like this to practice, svg is an amazing tool to learn too.
Alexander Olssen
Hey, @juanpablosarmi ! Just checked your product and want to say that the icons really stylish and unique! P.S. Can't stop playing with gradients😅. Congrats!
Juan Sarmiento
Maker
@alexanderolssen Thanks, remember you can use it as a gradient tester, and get the gradient CSS code ! you can also swap the direction, did you check ?
Samir Patel
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.
Juan Sarmiento
Maker
@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...
Samir Patel
@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.
Juan Sarmiento
Maker
@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 !
Samir Patel
@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.
Erdem Oflaz
good idea, i like it but i can not download and getting timeout
Juan Sarmiento
Maker
@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
Peter Rami
I love it! These icons are so cute, and I can theme them into the app color 😍
Juan Sarmiento
Maker
@peter123456789 Absolutely Peter, please use it as you wish, if you adap them into your app I'd love to see the result !
John Bauer
This is a new and interesting thing. Well done.
Juan Sarmiento
Maker
@john_bauer1 Thank you Jhon, yes, we put love and work on this
Daniel Jimenez
Awesome tool, the interface is easy to navigate. Quick question, are you guys planning on adding more features to this or is this a final version?
Collin Farra
@daniel_jimenez3 I was also thinking on the same, it will be really cool to have new colorful add-ons and more edit settings for these beauties <3
Daniel H
I cannot believe that you made my dreams come true :) ... a good idea maybe, the same functionality but with users' uploaded icons... but meanwhile, I'll be happy using this pretty set and playing with that beautiful gradients the whole day, well done!
Juan Sarmiento
Maker
@hernandez_creativos Next version will include option to upload users' icons, however, there's a tricky issue with SVG code as we wont have control, but we are working on that with our team of ninjas ;) ;) !
Razvan Ilin
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.
Juan Sarmiento
Maker
@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.
Michele Michelassi
Well done Juan, awesome tool!
Juan Sarmiento
Maker
@michele_michelassi amazing you like it ! Feel free to use them in your projects !
Mark Donaldson
Nice clean design and great concept! It is taking a VERY long time to download. (Is the interface actual functional yet?)
Juan Sarmiento
Maker
@mark_donaldson Mark, yes, it taking a bit to download due to the huge load we are having, and the process has to colorize the icons on the fly and taking into account there are more than 500 icons per user! it's a lot to process, next version we will send a link to the email I guess.
Oliver Wolf
This is what people like, its going to be a successful day for you :) ... Selling icons works since the internet was born :D
Juan Sarmiento
Maker
@oliver_wolf lol! we have been there, I started with iconshock was created almost 15 years ago, thanks for your kind words, were you able to download ? everything works for you ?
Vinodh David
Amazing work Juan!
Juan Sarmiento
Maker
@vinodhdavid thanks, it took a lot of work !
Aaron
Awesome idea, always look forward to your launches on here @juanpablosarmi will for sure be using this in future projects!!!
Juan Sarmiento
Maker
@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 !
Mohd Danish
@juanpablosarmi Great Job. I love the idea and ICONS. I'll suggest you to add single icon download rather than full collection. All good.
Juan Sarmiento
Maker
@mddanishyusuf Thanks, we are actually working on this feature for the next update, as well as search options and single icon customization !
Artem Galenko
Great idea and extremely useful for my business!
Juan Sarmiento
Maker
@unrealartemg amazing ! feel free to use them as you wish, you can match your business colors.