CSSGradient.io
Web Gradients
Mesh Gradients by ls.graphics
Gradient Hunt
Coolors.co
Grabient
Color Hunt
Tailwind CSS
The Noun Project
Flaticon
Icons8
Font Awesome
Iconfinder
Freepik
IcoMoon
Feather Icons
CSSGradient.ioBased on our record, The Noun Project should be more popular than CSSGradient.io. It has been mentiond 139 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Https://cssgradient.io/ I like this one as a standalone as well. Source: about 1 year ago
Why all this talk about svg's? First I'd make a gradient in https://cssgradient.io/ then you can set it as a border directly. Source: about 1 year ago
I used https://cssgradient.io/ for gradient and https://colorhunt.co/ for the pallet. Source: about 1 year ago
Direction is for the gradient line's angle. 0deg is value is to top, increasing values rotate clockwise from 0deg. Color-stop is for the value of color and a stop from 0% to 100%(or length) along the gradient's axis. CSS Gradient has a great tool for creating gradients and directly copy the css code. - Source: dev.to / over 1 year ago
CSS Gradient is a free tool that lets you generate gradient backgrounds for your websites. In addition to being a CSS gradient generator, the site is also full of colorful content about gradients. - Source: dev.to / over 1 year ago
Content: The Noun Project offers a vast collection of icons that can be used in various projects, providing a wide range of icons for different purposes. Benefits: Access to high-quality icons for use in design and development projects, enhancing visual communication and design. Link: https://thenounproject.com/. - Source: dev.to / 4 months ago
For example, here's a rock icon from The Noun Project (another good resource for icons/SVGs). Download the SVG (you may need to sign up for an account, but downloads are free for personal use -- alternatively just use something from Lucide or any other SVG you can find). Open the SVG in a text editor, and copy the SVG element:. Source: 7 months ago
How does this work, for example on https://thenounproject.com you can use the icons, edit the icons and resell the icons when subscribed. However, what happens when you aren't subscribed? If these icons were used, edited and given away when building a website for a client, if I'm not subscribed anymore would I have to pull all of the icons? What if I didn't sell the icons but used them on a personal website, do I... Source: 8 months ago
Noun Project - A website to search for over 3 million icons, which can be used for free with attribution. - Source: dev.to / 9 months ago
The Noun Project is bigger (5 million icons) with clearer licensing: https://thenounproject.com/. - Source: Hacker News / 11 months ago
Web Gradients - Curated collection of 180 free fresh background gradients 🚀
Flaticon - A database of free vector icons.
Mesh Gradients by ls.graphics - Free, handmade mesh gradients for your next project 🍭
Icons8 - Free app for Mac & Windows already containing 39,800 icons. Allows to search and import icons…
Gradient Hunt - Curated collection of beautiful gradients, updated daily
Font Awesome - Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!