Fonts, Icons, and Colors
Fonts
Websites that offer free fonts as well as font-based tools
Library of around 1000 free licensed font families
Archive of freely downloadable fonts
Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces
Font Squirrel scours the internet for high quality, legitimately free fonts
A digital type foundry crafting retail fonts and custom typography for various brands
A type diff tool that visually contrasts the differences between two fonts
Learn about typography practices
Generate font pairing in one click
Golden Ratio Typography Calculator
Discover Better Fonts
Has a variety of fonts available to download and sorted neatly with tags
Helps you pair Google Fonts together
A designer-centered free font website that has quick customizable previews
Fonts free for personal and commercial use
A list of high quality fonts
A geometric sans-serif typeface made with code
A variable font empirically shown to significantly improve reading-proficiency
Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps
San Francisco Fonts for Windows 10 and non-Apple Platform
Preview 800+ Google Fonts on top of your own designs, without having to download the fonts
Free curated fonts
High quality fonts for free
Arabic fonts for free
Simple and easy way to view the contents of font files
FREE platform for curated open-source typefaces
Upload your own SVGS and turn them into font files. Useful if you want a smaller library loaded
A Hassle-Free Way to Self-Host Google Fonts
When RoughJS meets Font Awesome
Stylish fonts for free
Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing(SMC)
Find and use the coding fonts for free
Colors
Websites and resources that help with choices related to colors
The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest.
Color palette generator
Color palette generator that uses curves to generate color palettes
A free tool to create simple and complex CSS Gradients visually
Create the perfect palette or get inspired by thousands of beautiful color schemes
Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names
A curated library of colors, fonts and resources
Pick 2 colors you like and the tool generates thousands of palettes for you.
Create a color palette from a single color
Official Google Material Color Palette Tool
Free to pick palettes, icons and colors for Material Design
Generate nice color palettes from one color
Beautiful set of color palettes in various flavors
Create color palettes, extract gradients from images, etc.
All-in-one resource for finding everything about colors
Place to store your color palettes and generate palette in one click
Happy Hues is a color palette inspiration site that acts as a real-world example as to how the colors could be used in your design projects by Mackenzie Child
Discover current color trends in different industries from the creative communities on Behance and Adobe Stock
A free and open platform for color inspiration with thousands of trendy hand-picked color palettes
A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients
A free website to find good CSS gradients
A free website to produce color set
A free website to make custom gradient and some examples of gradient
A pure css and jpg gradients
UI gradients color generator
Generate new color palette with every spacebar press
1000+ Material Design palettes
Gradient Selector
Quickly generate shades of any color
The biggest collection of official brand color codes
Logo Color Codes and Palettes
Generate theme and color palette Material Design-like
Color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more.
A tool that shows the midpoint colors between two colors
Ready to use copy/paste gradient buttons
Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.
A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
Color combination contrast tester
Tool to get hex code along with name of the color.
The stunning color scheme for website & App Designs with previews
Paletton.com is a designer color tool designed for creating color combinations that work together well.
A powerful online Photoshop-like CSS gradient editor
Image color picker and palette generator
Color mixing tool
It will show the color schemes which are popular in the outside world.
Free online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc.
It gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names.
A free tool that shows different gradient examples in CSS and PNG format
Interesting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color.
Super-fast and simple color palette generator, palettes can be saved and shared in seconds.
A collection of UI Colors with hex codes available to be copied in just one click.
Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color.
A random color palette generator
Browse color palettes made by other designers, generate and submit your own
Duo is a collection of colour combinations that I’ve curated from personal projects or that I’ve come across on the web.
The Lospec Palette List is a database of palettes for pixel art.
Icons
Resources for Icons including png, svg and more
Well Optimized, Free icons for commercial use
8000+ free icons
Beautiful, customizable open source icons
470+ highly customizable open source SVG icons
SVG Vue/React components integrated from fluentui-system-icons, ionicons, etc. (Vue3, Vue2, React, SVG).
Free library of 900+ open source icons
1307 Free SVG icons for popular brands
1000+ Ultra crisp vector icons
Free icons, photos, vectors and tools
The largest database of free icons in PNG, SVG, EPS, PSD and BASE 64 formats
Over 2 Million curated icons, created by a global community
Free Download Icons illustrations stock photos at one place
Search engine with over 50,000 SVG icons indexed
Nucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free & Paid)
Free Icons PNG, ICO, ICNS and Vector file SVG
Free Icons built for Bootstrap but they'll work in any project
Simply Delightful Icon System
Discover 4496+ free icons in 313 collections
Ready to use Free and Open Source SVG Icons Pack JavaScript Library.
Free and premium vector icons in SVG, PNG, CSH and AI format
50 free animated interactive icons
Free Animated Icons in SVG and Json Format(for lottie)
700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
7843+ free icons grouped in 182 collections
An icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
Free, open source icons from the creators of Tailwind CSS.
A set of free premium SVG icons for you to use on your digital products.
A website offering a number of free icons. Icons are tagged and also compressed into kits.
Browse 5500+ Free Icons. Add any set you wish to easily browse and search its icons.
Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.
A set of 430 crypto and fiat currency icons. Completely free.
Fully customizable & accessible vector icons
Quickly generate app icons in different sizes for your IOS, macOS and Android projects
2000+ Essential Line Icons for Designers and Developers
Evericons is a big pack of over 460 free icons designed by Aleksey Popov.
Download free SVG Vectors for commercial use.
Convert PNG files to SVG online & free. (One of the services provided by it.)
Icon set made with pure css code, no dependencies, "grab and go" icons
Thousands of icons, one unified framework. One library, over 40,000 vector icons.
220+ icons in a growing collection.
Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
A crisp set of 15×15 icons designed by the Modulz team. All icons available as individual react component,SVG and more.
A pixel-perfect, open source iconic font available as ligature and SVG.
Beautifully crafted open source icons for use in web, iOS, Android, and desktop apps.
Phosphor is a flexible icon family for interfaces, diagrams, presentations
TeenyIcons is a set icons in SVG format easy to use in html
Lucide is an open-source icon library, a fork of Feather Icons.
Icon Explorer with Instant searching, powered by Iconify.
Collection of Free icons.
Iconspedia is a website that contains a large collection of high quality free icons.
Just practical stunning icons for everyone
Logos
Resources for Logos
Thousands of free brands logos ( SVG - PNG )
Search engine with over 200,000 SVG logos indexed
1000+ high-quality SVG logos
Logos for payment systems available in png and svg
High resolution web browser logos
Consistently formatted SVG logos
Download vector logos of brands you love
Create custom logos
Fast, All-in-One Logo Generator
Favicons
Resources for Favicons
Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats
Generate favicons of all the sizes and formats as well as the HTML code needed to support every possible browser or device
Generate favicon ico files for your website
Generate icons for all platforms (Windows, iOS, Android)
Generate favicons and images from Font Awesome icons
Icon Fonts
Resources for Icon Fonts
The web's most popular icon set and toolkit
Swap in replacement of Font Awesome with modern line icons
Material design icon library
Beautifully crafted open source icons from Ionic team
Customizable Foundation icons
Fontisto the iconic font and css toolkit · 616+ free icons
Boxicons is a free collection of carefully crafted open source icons
2100+ free icons to spice up your creative designs
Free to pick palettes, icons and colors for Material Design]
Material design icon font
The icon font from Visual Studio Code
Devicon is a set of icons representing programming languages, designing & development tools
A sleek web font for payment operators and methods. Featuring 116 icons
Weather Icons is the only icon font with 222 weather themed icons
202 thin stroke icons inspired by iOS 7
890+ handcrafted icons to make your web app awesome
200+ web icons where you can customize the names or codes of icons.
Linea: Featuring 750+ Free Icons
A set of 1100+ Free line style icons available as web font, SVG icons, and as components for JS frameworks like React, Vue and React Native.
A free, open source set of 150 elegant, pixel-perfect linear icons, available as web icon font and SVG icons.
Free Open Source Svg Icon Library
Last updated