200+ Design resources you must know right now!

200+ Design resources you must know right now!

Online Design Tools

All kinds of online tools for design, from photo editors to wireframing, and more

Website                           Description
FigmaOnline graphic design tool (Free & paid options)
VectrFree vector graphics software
TalerCreate social media banner designs in minutes from hundreds of customizable templates
CanvaCreate beautiful designs (Free & Paid)
Get WavesA free SVG wave generator to make unique SVG waves for web design
ClippyEasy CSS clip-path maker
Fancy Border RadiusEight values specifying border-radius in CSS ( border-radius generator )
Wireframe.ccWireframing tool (free & paid)
FotorPhoto editor and design maker
PixlrOnline photo editor
VeedMake videos online in the simplest way possible. Cheap and all-in-one editor.
RemoveBGRemove image backgrounds
Photo CreatorCreate your own photos instead of searching for stock
VismeCreate presentations, infographics and more
InfogramCreate infograms
ChartGoCreate charts and graphs online
Cartoon PhotoTurn photos into cartoons
WhimsicalWireframes, diagrams and more (4 free)
WhiteboardOnline drawing tool
OctopusSitemap builder
CTA Button MakerCreate call to action buttons
BlobmakerBlobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes.
PersonasA playful avatar generator for the modern age
SoftUIA Soft UI (neumorphism) CSS generator
PhotopeaAn Online Photoshop editor
ExcalidrawVirtual whiteboard for sketching hand-drawn like diagrams
DiagramsDiagram software and Flowchart maker
MapInSecondsSimple way to visualize your data with a map
Grid MalvenA css grid cheatsheet to reference when creating a css grid
Flex MalvenA flexbox grid cheatsheet to reference when working with flexbox
Smart UpscalerUpscale images by 2-4x resolution
GetAvataaarsFun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library
Big HeadsEasily generate avatars for your projects with Big Heads by Robert Broersma.
WebflowBreak the code barrier, Build better business websites, faster. Without coding.
TraceInstantly remove the background from your photos
Neumorphism.ioGenerate Soft-UI CSS shadow code
DB DesignerDesign your database for free online
Ui BakeryCreate full-fledged web apps visually
FauxTurn real code into faux code
RiveReal-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.
UnscreenRemove Video Background 100% Automatically and Free
KodeshotConvert your source code into nice pictures for your articles, tweets, messages, posts...
WixCreate a Website You’re Proud Of
GTmetrixWebsite Speed and Performance Optimization
FramerIs prototyping tool for teams
Draw.ioFree online diagram editor tool
UXWing SVG EditorCreating and Edit SVG Online
CSS ArrowCreate and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.
LucidchartDiagramming and visualization tools that allows creating databases, flowcharts, boards, floor-maps, and much more. 3 multi-page documents on the free tier
CarbonCreate and share beautiful images of your source code by typing or drop a file.
PixCleanerAccurate and hassle free background removal tool
Glass UIA modern CSS UI library based on the glassmorphism design principles that will help you quickly design and build beautiful websites and applications.
GlassmorphismAn incredible online tool for generating quick glassmorphic UI in CSS code snippets.
TableConvertTable Convert Online is a web-based tool to converts Excel, URL, HTML, Markdown table and CSV to Markdown table, CSV/TSV, JSON, XML, YAML, insert SQL, HTML, Excel and LaTeX table.

Downloadable Design Software

Free software for UI, photo, 3d modeling, etc.

Website                           Description
GimpFree & open source image editor similar to Photoshop
Gravit DesignerFree full-featured vector graphic design app that works on ALL platforms
BlenderOpen source, free animation, 3D modeling, etc.
Raw TherapeeCross-platform raw image processing program
Be FunkyOnline design program
KritaSketching and painting program designed for digital artists
Pencil ProjectGUI prototyping software
InkscapePowerful free design tool
Adobe XDFree design tool from Adobe
Shapes.soIcons that can be used as code in your projects
LunacySketch for Windows
InVision StudioFree screen designing tool from InVision
DarktableFree & Open source photography workflow application and raw developer
Inpixio photo EditorFree Photo Editor: For windows only
ColorpickerOpen Source colors software: Retrieve, manipulate and store your colors easily!

Design Inspiration

Here are some websites to get inspiration for design and UI

Website                           Description
BehanceDesign projects featured by different creators
DribbbleDesign projects featured by different creators
LandingfolioLandingfolio features the best landing page inspiration, templates, resources and examples on the web.
CodewellPractice your HTML, CSS, and Javascript skills on real world design templates
FoxyappsDesign inspiration from the best mobile app designs
HttpsterShowcases websites made by people from all over the world
InspofindsLatest design work from designers and the design community
Design NotesFree online resource library for product designers
Land BookDisplays a large collection of websites to help find inspiration
Frontend MentorReal-world UI Challenges using HTML, CSS and Javascript
AwwwardsA website that rate and collects the best websites in the world in UI
CodropsA website that collects the best UI ideas and patterns and make tutorials of it
SaaS Landing PageDiscover the best landing page examples created by top-class SaaS companies
Saaspages.xyzA collection of the best landing pages with a focus on copywriting and design.
ScreenlaneScreenlane is a website and newsletter that features the latest web and mobile design inspiration.
lapa ninjaBest landing page inspiration
FreefrontendFree frontend design from css html and javascript. latest work some design part
WebframeDiscover and be inspired by beautiful webapp designs
Collect UIDaily inspiration collected from daily ui archive and beyond. Handpicked, and updating daily.
Graphic BurgerA site offering a free and pain icons, mock-ups, Ui-Kits, text effect and backgrounds. This site's resource are a mix of free and paid resources. Icons is on a mix of PNG, SVG, EPS and Sketch Format. Some resources are confusing as there are sponsored content in the middle of the free sets.
Really Good EmailsA site offering users a ton of company e-mails from customer service to marketing.
Free Design ResourceA site offering fonts, mockups, templates graphics and ui kits.
Site InspiresiteInspire is a showcase of the finest web and interactive design.
Web Design InspirationA site for web design inspiration, updated daily.
NavNavResponsive navigation examples
CalltoideaCollection of different web Components for inspiration.
MediaQueri.esA collection of inspirational websites using media queries and responsive web design
Mulzli SearchSearch engine for design inspiration
DeviantArtAccess to 370 million pieces of art for inspiration.
Design your wayCollection of different Web and Mobile Designs
Humans.fyiA collection of brilliant personal websites filterable by colors and web technologies used in each website.
SiteSeeA curated gallery of beautiful and modern websites.
UI GarageDaily handpicked UI inspiration & patterns.
ecomm.designeCommerce Website Design Gallery & Tech Inspiration.
Design NomineesA showcase of awarding and showcasing the best websites, apps and Games.
Design VaultA library of screenshots and patterns from real world digital products
CSS buttons84 Beautiful CSS buttons examples.
CSS box-shadow91 Beautiful CSS box-shadow examples.

Design Systems & Style Guides

Design systems, style guides, toolkits, docs. Some of these are design guides for top companies/websites

Website                           Description
Material DesignGoogle's Material Design
Ant DesignDesign system for enterprise-level products
Apple Design ResourcesGuides and templates for using Apple design and UI
PrimerDesign, build, and create with GitHub’s design system
Alta UIOracle's design system and toolkit
PulseDesign system, guides and React component library
BoltRobust Twig and web component powered UI components
Clarity Design SystemUX guidelines, HTML/CSS framework, and Angular components
AtlasKitAtlassian's official UI library, built according to the Atlassian Design Guidelines
Audi Design ResourcesAudi UI design system and toolkit
Carbon Design SystemsCarbon is IBM’s open-source design system for products and experiences
Yelp Style GuideYelp style guide, components and toolkit
CometScalable design system of visual language, components, and design assets
ETrade Design SystemGuides and toolkits that blend finance with simplicity and ease of use
Fundamental LibraryOpen source and community driven project for consistent user interfaces
Infor DesignGuidelines and resources to create meaningful experiences for Infor’s products
LexiconAn experience language for crafting beautiful UI
Mailchimp UI/UXStyle guide and components from Mailchimp
Marvel Style GuideSet of design principles and components
Microsoft Fluent UICollection of UX frameworks from Microsoft
Pluralsight Design SystemDesign guide with components for designing with Pluralsight
PolarisDesign system that creates great experiences for all of Shopify’s merchants
Mozilla ProtocolProtocol is a design system for Mozilla and Firefox websites
SendGrid Style GuideUI library for developing consistent UI/UX at SendGrid
VTEX StyleguideReusable patterns, components and assets related to product design in VTEX
RizzoStyle guide with UI components, JS components, widgets, etc
AtomizeUI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly
StyleGuides.ioA directory of 500+ styleguides
Done Design SystemOpen source design system, guides & components
Skoda Brand SystemDesign guideline for developing applications under the Skoda brand
SpectrumAdobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.
AsphaltGojek’s design language system. A collection of guidelines and components to create amazing user experiences.
Laws of UXA collection of the key maxims that designers must consider when building user interfaces.
Checklist DesignChecklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets.
Humane By DesignA resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.
Pr1mer GuidelinesAn open source set of very general guidelines, inspired by Human Interface. Created and maintained by Pr1mer Tech

Image Compression

Websites that allow you to compress large images

Website                           Description
TinyPNGSmart PNG and JPEG compression
OptimizillaOnline JPEG and PNG optimizer / compressor with settings and archive download
Compressor.ioJPEG, PNG, GIF, SVG Compression
Squoosh.appImage compression from Google Chrome Labs
BulkResizePhotosBulk image resizing, compression & converting that perform all the tasks within the browser (It works offline)
iLoveIMGThe fastest free web app for easy image modification
SvgOMGOnline SVG optimizer with a lot of settings and possibility to cut and paste svg code directly in it.
CompressJPEGCompress JPEG images with size even greater than 5MB
CompressNowJPEG, GIF, PNG Compression
Promo Image ResizerFree Image and Photo Resizer
Image OptimizerImage Optimizer Free With Quality Options
SVGminifyThis tool removes superfluous information, thereby reducing the size of your SVG files
JPEG OptimizerFree online tool for resizing and compressing digital photos and images for displaying on the web
Resizing.appResize Your Images Online
EZGifAnimated GIF maker and Image editor including Image optimization and supports WebP conversion
OnlinePngtoolsResize png for without losing transparent background.
VerexifRemove meta tags in image in order to reduce image size and increase privacy security
Vecta NanoUses lossless compression to compress inefficient SVG codes by removing unnecessary data. (Free & Paid)

HTML & CSS Templates

Websites that offer free beautiful website templates and themes of all types

Website                           Description
HTML5UpVery modern, unique responsive HTML5/CSS3 themes
TemplatemoMinimal, resume, gallery themes and more
Templated.coTons of minimalistic HTML5/CSS3 themes
FreeHTML5Free & premium HTML5 and Bootstrap themes
StyleShoutBrilliantly crafted free website templates
Start BootstrapBootstrap starter themes
ZerothemeHTML5, Bootstrap, Prestashop templates
HTML5xCSS3Collection of wonderful templates in different categories
ColorlibAlmost any category of theme you can think of
Free CSSHuge collection of free templates
HubspotTemplates, infographics, banners and much more
MobiriseGreat looking HTML5/CSS3 templates
BootswatchFree themes for Bootstrap
OnepageloveOne-page websites, templates and resources
Themes For AppFree Bootstrap themes and landing pages
BootstrapTastePremium & Free Bootstrap Templates
BootstrapMadeElegant, clean and beautiful free templates using Bootstrap.
W3LayoutsW3Layouts: 3784+ Free Website Templates for 2020
TooplateTooplate: Free HTML Templates for everyone!
CruipFully coded HTML templates to help you easily build your startup landing page without hassles.
UIdeckFree Landing Page Templates and Bootstrap Themes
SplawrFree web templates to kickstart your idea!
W3css_templatesSome responsive W3.CSS website templates for you to use.
All-Free-DownloadDownload free-website-templates
mashup-templateHTML5/CSS3 Free Templates

Product & Image Mockups

Create mockups of devices and other products

Website                           Description
Smart MockupsCreate stunning product mockups (free & premium)
Media Modifierbeautiful design mockups service for your products (free & premium)
Shot SnapCreate beautiful device mockup images for your app or website design
ScreelyInstantly turn your screenshot into a mockup
CleanshotGenerate screenshots for any website from its URLs.
Screen PeakCreate a mockup from a URL
Mockup WorldThe biggest source of free photo-realistic Mockups online
Collab ShotReal-time screen grabs and image sharing
Facebook DevicesImages and Sketch files of popular devices
Threed.ioGenerate 3D mockups right in your browser.
Mockuphone100% free mockups for all devices including IOS, Android, Windows Phone, Laptop & Desktop and TV
Device ShotsCreate high-resolution device mockups for social media, for free
Clean MockCreate stunning mockups using latest device frames like iPhone X & custom backgrounds that make your mobile or website design standout, right from your browser quickly & for free.
Mock.VideoInstantly create mockups by adding a device frame to your videos.
MockupBroCreate product mockups with online mockup generator! Just choose a mockup, upload your design and download your image without a watermark.
AnimockupCreate animated mockups in the browser.

Vectors & Clip Art

Free vectors, clipart, illustrations, patterns and more

Website                           Description
VecteezyFind and download free vector art
FreepikFree vectors, stock photos, PSD and icons
Free VectorsCommunity of vector lovers who share free vector graphics
PNGTreepng, backgrounds, templates, text effects
Vector4FreeFree vector graphics
Retro VectorsVintage vectors and graphics
FreebleVectors, patterns, mockups and more
LukaszadamFree Vector artworks
IlllustrationsBeautiful 100 Illustrations - png, svg
ClipartChoose great clipart, png, coloring pages, drawings and more for your projects from the free collection!
Growwwkit illustrationsA set of 8 simple, black & white, stylish illustrations
trianglify.ioGenerate low-poly backgrounds, textures, and vectors
blobGenerate Blob shapes for Web and Flutter apps
HiClipartA community for designers to share & download transparent background PNG cliparts
Stories by FreepikA collection of free and customizable illustrations for projects
Black IllustrationsBeautiful illustrations of black people (free and premium)
DelesignA collection of free illustrations and more
Custom Shape DividersFree tool to make it easier for designers and developers to export a beautiful SVG shape divider
Servier Medical Art3000 free medical images to illustrate your publications and PowerPoint presentations
ClkerFree clip art you can use for anything you like
SVG waveA free, & customizable gradient 🌈 SVG wave generator for UI designs .
Heritage LibraryVintage Illustrations (vector and png)
ROBOHASHGenerate unique images from any text
TabbiedCreate and customize minimally generated patterns/artwork to use for background images, print and other projects.
HaikeiAn awesome multishape web app.

UI Graphics

Websites and resources with modern UI components in different formats such as PSD, Sketch, Figma, etc. They are great for ideas for web components/UI

Website                           Description
UI Design DailyAwesome UI Components of all types
100 Daily UIFree Figma library of products, elements, and screens
Sketch App SourcesSketch UIs, wireframes, icons and much more
HumaaansCool illustrations of people with the ability to mix and match
PaaatternsFree collection of beautiful patterns for all vector formats
thepatternlibraryFree beautiful background patterns
404 illustrationFree illustrations for 404 pages
Drawkit.ioIllustrations for designers and startups
Absurd.designFree surrealist illustrations for designers and developers
Undraw.coOpen-source illustrations for any idea you can imagine and create
Manypixels.coMonochromatic, Isometric high-quality illustrations
Open PeepsHand drawn illustration library
UI SpaceThousands of great UI freebies
Animations.coBeautiful, customizable animated GIF icons
UplabsHigh-quality design resources (Free & Premium)
InvisionAppLibrary of free, high-quality UI kits, icon packs, and mockups
Open DoodlesA Free Set of Sketchy Illustrations
AvataaarsFree sketch library of avatars illustrations by Pablo Stanley
FreebieSketchFree Sketch designs, wireframes, illustrations, and more.
BlushFree customizable illustrations with Figma Plugin
Hero PatternsA collection of repeatable SVG background patterns
IsoFlatA Free collection of Isometric SVG graphic resources
IRA DesignAn open-source gradient illustrations collection by creative tim.
Transparent TexturesA collection of transparent textures background patterns.
Storytale.ioSubset of Storytale free quality illustrations
icons8.com/illustrationsFree vector illustrations to class up your project
PatternicoSeamless Pattern Maker
FreellustrationsFree Background Images for awesome landing Pages
Pixeltrue IllustrationsFree Animated Illustrations
Abstract User Avatar APIAPI to create simple yet flexible user avatars from user names or emails
sketchvalleyDownload free PNG, SVG or AI file .
PatternPadFree and unlimited unique pattern designs.
DimensionsDimensions.com is an ongoing reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces
FreebiesbugHand-picked resources for web designers and developers, constantly updated.
FlexipleOne new high-quality, open-source illustration each day.
Cool TextCool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work
illustration kitPremium open source illustrations added daily
Doodad Pattern GeneratorCreate unique, seamless, royalty-free patterns.
Pattern MonsterA simple online pattern generator to create repeatable SVG patterns
ExemplarFree Avatar Library for Figma and Sketch


Websites that offer free fonts as well as font-based tools

Website                           Description
Google FontsLibrary of around 1000 free licensed font families
DaFontArchive of freely downloadable fonts
Use & ModifyPersonal selection of beautiful, classy, punk, professional, incomplete, weird typefaces
1001 Free FontsI think the name speaks for itself :smirk:
Font SquirrelFont Squirrel scours the internet for high quality, legitimately free fonts
Font FabricA digital type foundry crafting retail fonts and custom typography for various brands
TiffA type diff tool that visually contrasts the differences between two fonts
TypeKit PracticeLearn about typography practices
FontjoyGenerate font pairing in one click
Golden RatioGolden Ratio Typography Calculator
FontSparkDiscover Better Fonts
FontGetHas a variety of fonts available to download and sorted neatly with tags
FontPairHelps you pair Google Fonts together
Font SpaceA designer-centered free font website that has quick customizable previews
Abstract FontsFonts free for personal and commercial use
Free TypographyA list of high quality fonts
Leon SansA geometric sans-serif typeface made with code
LexendA variable font empirically shown to significantly improve reading-proficiency
Fonts for Apple PlatformsGet the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps
SFWinSan Francisco Fonts for Windows 10 and non-Apple Platform
Font FlipperPreview 800+ Google Fonts on top of your own designs, without having to download the fonts
Fonts ArenaFree curated fonts
BefontsHigh quality fonts for free
Arabic fontsArabic fonts for free
FontDropSimple and easy way to view the contents of font files
Open FoundryFREE platform for curated open-source typefaces
GlyphterUpload your own SVGS and turn them into font files. Useful if you want a smaller library loaded
Google Webfonts HelperA Hassle-Free Way to Self-Host Google Fonts
Rough Font AwesomeWhen RoughJS meets Font Awesome
FFontsStylish fonts for free
Malayalam FontsMalayalam fonts for free which are maintained by Swathanthra Malayalam Computing(SMC)
Dev FontsFind and use the coding fonts for free


Websites and resources that help with choices related to colors

Website                           Description
Color Brewer 2The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest.
Colormind.ioColor palette generator
ColorCurves.appColor palette generator that uses curves to generate color palettes
ColorGradientA free tool to create simple and complex CSS Gradients visually
CoolorsCreate the perfect palette or get inspired by thousands of beautiful color schemes
HTML Color CodesGet HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names
Colors & FontsA curated library of colors, fonts and resources
Palette ListPick 2 colors you like and the tool generates thousands of palettes for you.
PaletterCreate a color palette from a single color
Google Material Color ToolOfficial Google Material Color Palette Tool
Material PaletteFree to pick palettes, icons and colors for Material Design
ColorSpaceGenerate nice color palettes from one color
FlatUIColorsBeautiful set of color palettes in various flavors
Adobe ColorCreate color palettes, extract gradients from images, etc.
ColorsinspoAll-in-one resource for finding everything about colors
ColorsWallPlace to store your color palettes and generate palette in one click
HappyhuesHappy 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
Adobe TrendsDiscover current color trends in different industries from the creative communities on Behance and Adobe Stock
Color HuntA free and open platform for color inspiration with thousands of trendy hand-picked color palettes
Gradient HuntA free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients
Web GradientsA free website to find good CSS gradients
ColorBoxA free website to produce color set
CSS gradientA free website to make custom gradient and some examples of gradient
gradientaA pure css and jpg gradients
UI GradientsUI gradients color generator
Palette GeneratorGenerate new color palette with every spacebar press
Material Palettes1000+ Material Design palettes
GrabientGradient Selector
ShadeSwashQuickly generate shades of any color
BrandColorsThe biggest collection of official brand color codes
BRAND PALETTESLogo Color Codes and Palettes
Material Design Palette GeneratorGenerate theme and color palette Material Design-like
ColorateColor scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
0to255A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more.
Color BlenderA tool that shows the midpoint colors between two colors
Gradient ButtonsReady to use copy/paste gradient buttons
KhromaKhroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.
whocanuseA tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
ColorableColor combination contrast tester
Color Hex PickerTool to get hex code along with name of the color.
SaruwakakunThe stunning color scheme for website & App Designs with previews
PalettonPaletton.com is a designer color tool designed for creating color combinations that work together well.
ColorzillaA powerful online Photoshop-like CSS gradient editor
Image Color PickerImage color picker and palette generator
CombineCOLORSColor mixing tool
Color LoversIt will show the color schemes which are popular in the outside world.
HTML CSS ColorFree online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc.
HEX Color CodesIt gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names.
CoolHue 2.0A free tool that shows different gradient examples in CSS and PNG format
Colors.lolInteresting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color.
colors.dopelySuper-fast and simple color palette generator, palettes can be saved and shared in seconds.
UIColor PickerA collection of UI Colors with hex codes available to be copied in just one click.
Color HexColor-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color.
FarbVeloA random color palette generator
Veranda ColorBrowse color palettes made by other designers, generate and submit your own
DuoDuo is a collection of colour combinations that I’ve curated from personal projects or that I’ve come across on the web.
Lospec Palette ListThe Lospec Palette List is a database of palettes for pixel art.


Resources for Icons including png, svg and more

Website                           Description
UXWingWell Optimized, Free icons for commercial use
Shapedfonts Iconclub8000+ free icons
Feather IconsBeautiful, customizable open source icons
Tabler Icons470+ highly customizable open source SVG icons
XiconsSVG Vue/React components integrated from fluentui-system-icons, ionicons, etc. (Vue3, Vue2, React, SVG).
IconoirFree library of 900+ open source icons
Simple Icons1307 Free SVG icons for popular brands
Linear Icons1000+ Ultra crisp vector icons
Icons8Free icons, photos, vectors and tools
Flat IconThe largest database of free icons in PNG, SVG, EPS, PSD and BASE 64 formats
The Noun ProjectOver 2 Million curated icons, created by a global community
IconscoutFree Download Icons illustrations stock photos at one place
IconSear.chSearch engine with over 50,000 SVG icons indexed
Nucleo AppNucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free & Paid)
Icon-icons.comFree Icons PNG, ICO, ICNS and Vector file SVG
Bootstrap IconsFree Icons built for Bootstrap but they'll work in any project
Remix IconSimply Delightful Icon System
IconmonstrDiscover 4496+ free icons in 313 collections
Vivid.jsReady to use Free and Open Source SVG Icons Pack JavaScript Library.
IconfinderFree and premium vector icons in SVG, PNG, CSH and AI format
Lordicon50 free animated interactive icons
UseAnimationsFree Animated Icons in SVG and Json Format(for lottie)
css.gg700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
IconBros7843+ free icons grouped in 182 collections
Material Design IconsAn icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project.
HeroiconsFree, open source icons from the creators of Tailwind CSS.
ZondiconsA set of free premium SVG icons for you to use on your digital products.
Endless IconsA website offering a number of free icons. Icons are tagged and also compressed into kits.
IcomoonBrowse 5500+ Free Icons. Add any set you wish to easily browse and search its icons.
Eva IconsEva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.
CryptoiconsA set of 430 crypto and fiat currency icons. Completely free.
IkonateFully customizable & accessible vector icons
appiconQuickly generate app icons in different sizes for your IOS, macOS and Android projects
LineIcons2000+ Essential Line Icons for Designers and Developers
EvericonsEvericons is a big pack of over 460 free icons designed by Aleksey Popov.
SVG RepoDownload free SVG Vectors for commercial use.
ConvertioConvert PNG files to SVG online & free. (One of the services provided by it.)
CSS ICONIcon set made with pure css code, no dependencies, "grab and go" icons
Unified iconsThousands of icons, one unified framework. One library, over 40,000 vector icons.
System UIcons220+ icons in a growing collection.
IconParkTransform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Radix IconsA crisp set of 15×15 icons designed by the Modulz team. All icons available as individual react component,SVG and more.
EOS IconsA pixel-perfect, open source iconic font available as ligature and SVG.
IoniconsBeautifully crafted open source icons for use in web, iOS, Android, and desktop apps.
Phosphor IconsPhosphor is a flexible icon family for interfaces, diagrams, presentations
Teeny IconsTeenyIcons is a set icons in SVG format easy to use in html
LucideLucide is an open-source icon library, a fork of Feather Icons.
IconesIcon Explorer with Instant searching, powered by Iconify.
Shitty IconsCollection of Free icons.
IconspediaIconspedia is a website that contains a large collection of high quality free icons.
iconhubJust practical stunning icons for everyone


Resources for Logos

Website                           Description
Instant Logo SearchThousands of free brands logos ( SVG - PNG )
LogoSear.chSearch engine with over 200,000 SVG logos indexed
SVGPorn1000+ high-quality SVG logos
Payment System LogosLogos for payment systems available in png and svg
Browser LogosHigh resolution web browser logos
VectorLogoZoneConsistently formatted SVG logos
World Vector LogoDownload vector logos of brands you love
Logo MakerCreate custom logos
Free Logo MakerFast, All-in-One Logo Generator


Resources for Favicons

Website                           Description
Favicon.ioGenerate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats
FavicomaticGenerate favicons of all the sizes and formats as well as the HTML code needed to support every possible browser or device
Favicon GeneratorGenerate favicon ico files for your website
RealFaviconGeneratorGenerate icons for all platforms (Windows, iOS, Android)
FontIconGenerate favicons and images from Font Awesome icons

Icon Fonts

Resources for Icon Fonts

Website                           Description
Font AwesomeThe web's most popular icon set and toolkit
Line AwesomeSwap in replacement of Font Awesome with modern line icons
Material IconsMaterial design icon library
IonIconsBeautifully crafted open source icons from Ionic team
Zurb Foundation IconsCustomizable Foundation icons
Fontisto IconsFontisto the iconic font and css toolkit · 616+ free icons
BoxiconsBoxicons is a free collection of carefully crafted open source icons
Icofont2100+ free icons to spice up your creative designs
Material PaletteFree to pick palettes, icons and colors for Material Design]
Material Design Iconic FontMaterial design icon font
Vscode CodiconsThe icon font from Visual Studio Code
DeviconDevicon is a set of icons representing programming languages, designing & development tools
PaymentFontA sleek web font for payment operators and methods. Featuring 116 icons
Weather IconsWeather Icons is the only icon font with 222 weather themed icons
Stroke 7202 thin stroke icons inspired by iOS 7
Jam Icons890+ handcrafted icons to make your web app awesome
Fontello200+ web icons where you can customize the names or codes of icons.
LineaLinea: Featuring 750+ Free Icons
UniconsA 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.
Mobirise IconsA free, open source set of 150 elegant, pixel-perfect linear icons, available as web icon font and SVG icons.
Hero IconsFree Open Source Svg Icon Library

Thank you for reading

If you liked this post, subscribe to my newsletter to never miss out on my blogs, product launches, and tech news, and follow me on Twitter for daily threads on web dev resources.