Fonts, Icons, and Colors
Fonts
Websites that offer free fonts as well as font-based tools
| Website | Description |
|---|---|
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
| Website | Description |
|---|---|
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
| Website | Description |
|---|---|
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
| Website | Description |
|---|---|
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
| Website | Description |
|---|---|
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
| Website | Description |
|---|---|
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