200+ Design resources you must know right now!
Tags: design, webdev, beginners, tutorial
Published: 2022-02-22 14:25:41

## Online Design Tools

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

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Figma](https://www.figma.com/graphic-design-tool/)| Online graphic design tool (Free & paid options) |
| [Vectr](https://vectr.com/)| Free vector graphics software|
| [Taler](https://www.taler.app/)| Create social media banner designs in minutes from hundreds of customizable templates |
| [Canva](https://www.canva.com/)| Create beautiful designs (Free & Paid) |
| [Get Waves](https://getwaves.io/)| A free SVG wave generator to make unique SVG waves for web design |
| [Clippy](https://bennettfeely.com/clippy/)| Easy CSS clip-path maker |
| [Fancy Border Radius](https://9elements.github.io/fancy-border-radius/full-control.html)| Eight values specifying border-radius in CSS ( border-radius generator ) |
| [Wireframe.cc](https://wireframe.cc/)| Wireframing tool (free & paid) |
| [Fotor](https://www.fotor.com/)| Photo editor and design maker |
| [Pixlr](https://www.pixlr.com/)| Online photo editor |
| [Veed](https://www.veed.io/tools/video-editor)| Make videos online in the simplest way possible. Cheap and all-in-one editor. |
| [RemoveBG](https://www.remove.bg/)| Remove image backgrounds |
| [Photo Creator](https://photos.icons8.com/creator)| Create your own photos instead of searching for stock |
| [Visme](https://www.visme.co/)| Create presentations, infographics and more |
| [Infogram](https://infogram.com/)| Create infograms |
| [ChartGo](https://www.chartgo.com/)| Create charts and graphs online |
| [Cartoon Photo](https://cartoon.pho.to/)| Turn photos into cartoons |
| [Whimsical](https://whimsical.com/)| Wireframes, diagrams and more (4 free) |
| [Whiteboard](https://witeboard.com/)| Online drawing tool |
| [Octopus](https://octopus.do/)| Sitemap builder |
| [CTA Button Maker](https://www.clickminded.com/button-generator/)| Create call to action buttons |
| [Blobmaker](https://www.blobmaker.app/)| Blobmaker is a free generative design tool, to help you quickly create random, unique, and organic-looking SVG shapes.  |
| [Personas](https://personas.draftbit.com/)| A playful avatar generator for the modern age  |
| [SoftUI](https://www.softui.io)| A Soft UI (neumorphism) CSS generator  |
| [Photopea](https://www.photopea.com)| An Online Photoshop editor  |
| [Excalidraw](https://excalidraw.com/)| Virtual whiteboard for sketching hand-drawn like diagrams  |
| [Diagrams](https://www.diagrams.net/)| Diagram software and Flowchart maker  |
| [MapInSeconds](http://mapinseconds.com/)| Simple way to visualize your data with a map  |
| [Grid Malven](http://grid.malven.co/)| A css grid cheatsheet to reference when creating a css grid  |
| [Flex Malven](http://flexbox.malven.co/)| A flexbox grid cheatsheet to reference when working with flexbox |
| [Smart Upscaler](https://icons8.com/upscaler) | Upscale images by 2-4x resolution |
| [GetAvataaars](https://getavataaars.com/) | Fun and Colorful free avatars web generator tool by Fang-Pen Lin using Pablo Stanley sketch library |
| [Big Heads](https://github.com/RobertBroersma/bigheads) | Easily generate avatars for your projects with Big Heads by Robert Broersma.
| [Webflow](https://webflow.com/) | Break the code barrier, Build better business websites, faster. Without coding. |
| [Trace](https://stickermule.com/trace) | Instantly remove the background from your photos |
| [Neumorphism.io](https://neumorphism.io/#55b9f3) | Generate Soft-UI CSS shadow code |
| [DB Designer](https://app.dbdesigner.net/) | Design your database for free online |
| [Ui Bakery](https://uibakery.io/) | Create full-fledged web apps visually |
| [Faux](http://knutsynstad.com/fauxcode/) | Turn real code into faux code |
| [Rive](https://rive.app/) | Real-time interactive design tool that allows you to design, animate, and immediately integrate your assets into any platform.
| [Unscreen](https://www.unscreen.com/) | Remove Video Background 100% Automatically and Free |
| [Kodeshot](https://www.kodeshot.net/) | Convert your source code into nice pictures for your articles, tweets, messages, posts... |
| [Wix](https://www.wix.com/) | Create a Website You’re Proud Of |
| [GTmetrix](https://gtmetrix.com/) | Website Speed and Performance Optimization |
| [Framer](https://www.framer.com/) | Is prototyping tool for teams |
| [Draw.io](https://www.draw.io/) | Free online diagram editor tool |
| [UXWing SVG Editor](https://uxwing.com/svg-icon-editor)| Creating and Edit SVG Online |
| [CSS Arrow](http://www.cssarrowplease.com/)| Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like. |
| [Lucidchart](https://www.lucidchart.com/pages/)| Diagramming and visualization tools that allows creating databases, flowcharts, boards, floor-maps, and much more. 3 multi-page documents on the free tier |
| [Carbon](https://carbon.now.sh)| Create and share beautiful images of your source code by typing or drop a file. |
| [PixCleaner](https://www.pixcleaner.com/)| Accurate and hassle free background removal tool |
| [Glass UI](https://ui.glass/generator)| A modern CSS UI library based on the glassmorphism design principles that will help you quickly design and build beautiful websites and applications. |
| [Glassmorphism](https://glassmorphism.com/)| An incredible online tool for generating quick glassmorphic UI in CSS code snippets. |
| [TableConvert](https://tableconvert.com/)| Table 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&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Gimp](https://www.gimp.org/)| Free & open source image editor similar to Photoshop |
| [Gravit Designer](https://www.designer.io/en/)| Free full-featured vector graphic design app that works on ALL platforms  |
| [Blender](https://www.blender.org/download/)| Open source, free animation, 3D modeling, etc. |
| [Raw Therapee](https://rawtherapee.com/)| Cross-platform raw image processing program |
| [Be Funky](https://www.befunky.com/features/graphic-designer/)| Online design program |
| [Krita](https://krita.org/en/download/krita-desktop/)| Sketching and painting program designed for digital artists |
| [Pencil Project](https://pencil.evolus.vn/)| GUI prototyping software |
| [Inkscape](https://inkscape.org/)| Powerful free design tool |
| [Adobe XD](https://www.adobe.com/products/xd.html)| Free design tool from Adobe |
| [Shapes.so](https://shape.so/pricing)| Icons that can be used as code in your projects  |
| [Lunacy](https://icons8.com/lunacy) | Sketch for Windows |
| [InVision Studio](https://www.invisionapp.com/studio)| Free screen designing tool from InVision |
| [Darktable](https://www.darktable.org/)| Free & Open source photography workflow application and raw developer |
| [Inpixio photo Editor](https://www.inpixio.com/free-photo-editor)| Free Photo Editor: For windows only |
| [Colorpicker](https://colorpicker.fr)| Open Source colors software: Retrieve, manipulate and store your colors easily! |

## Design Inspiration

**Here are some websites to get inspiration for design and UI**

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Behance](https://www.behance.net/)| Design projects featured by different creators |
| [Dribbble](https://dribbble.com/)| Design projects featured by different creators |
| [Landingfolio](https://landingfolio.com/)| Landingfolio features the best landing page inspiration, templates, resources and examples on the web. |
| [Codewell](https://www.codewell.cc/)| Practice your HTML, CSS, and Javascript skills on real world design templates |
| [Foxyapps](https://foxyapps.co/)| Design inspiration from the best mobile app designs |
| [Httpster](https://httpster.net/2020/apr/)| Showcases websites made by people from all over the world |
| [Inspofinds](https://inspofinds.com/)| Latest design work from designers and the design community  |
| [Design Notes](https://www.designnotes.co/)| Free online resource library for product designers |
| [Land Book](https://land-book.com/)| Displays a large collection of websites to help find inspiration  |
| [Frontend Mentor](https://www.frontendmentor.io/)| Real-world UI Challenges using HTML, CSS and Javascript |
| [Awwwards](https://www.awwwards.com/)| A website that rate and collects the best websites in the world in UI |
| [Codrops](https://tympanus.net/codrops/)| A website that collects the best UI ideas and patterns and make tutorials of it|
| [SaaS Landing Page](https://saaslandingpage.com/)| Discover the best landing page examples created by top-class SaaS companies |
| [Saaspages.xyz](https://saaspages.xyz)| A collection of the best landing pages with a focus on copywriting and design. |
| [Screenlane](https://screenlane.com)| Screenlane is a website and newsletter that features the latest web and mobile design inspiration. |
| [lapa ninja](https://www.lapa.ninja/)| Best landing page inspiration |
| [Freefrontend](https://freefrontend.com/)| Free frontend design from css html and javascript. latest work some design part |
| [Webframe](https://webframe.xyz)| Discover and be inspired by beautiful webapp designs |
| [Collect UI](http://collectui.com/)| Daily inspiration collected from daily ui archive and beyond. Handpicked, and updating daily. |
| [Graphic Burger](https://graphicburger.com/) | A 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 Emails](https://reallygoodemails.com/) | A site offering users a ton of company e-mails from customer service to marketing.  |
| [Free Design Resource](https://freedesignresources.net/) | A site offering fonts, mockups, templates graphics and ui kits.  |
| [Site Inspire](https://www.siteinspire.com/) |siteInspire is a showcase of the finest web and interactive design.  |
| [Web Design Inspiration](https://www.webdesign-inspiration.com/) | A site for web design inspiration, updated daily.  |
| [NavNav](https://navnav.co/) | Responsive navigation examples |
| [Calltoidea](https://www.calltoidea.com/) | Collection of different web Components for inspiration. |
| [MediaQueri.es](https://mediaqueri.es/) | A collection of inspirational websites using media queries and responsive web design |
| [Mulzli Search](https://search.muz.li) | Search engine for design inspiration |
| [DeviantArt](https://www.deviantart.com/) | Access to 370 million pieces of art for inspiration. |
| [Design your way](https://www.designyourway.net/blog/web-and-mobile-design/) | Collection of different Web and Mobile Designs |
| [Humans.fyi](https://humans.fyi/) | A collection of brilliant personal websites filterable by colors and web technologies used in each website. |
| [SiteSee](https://sitesee.co/) | A curated gallery of beautiful and modern websites. |
| [UI Garage](https://uigarage.net/) | Daily handpicked UI inspiration & patterns. |
| [ecomm.design](https://ecomm.design/) | eCommerce Website Design Gallery & Tech Inspiration. |
| [Design Nominees](https://www.designnominees.com/) | A showcase of awarding and showcasing the best websites, apps and Games. |
| [Design Vault](https://designvault.io/) | A library of screenshots and patterns from real world digital products|
| [CSS buttons](https://getcssscan.com/css-buttons-examples)| 84 Beautiful CSS buttons examples. |
| [CSS box-shadow](https://getcssscan.com/css-box-shadow-examples)| 91 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&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Material Design](https://material.io/)| Google's Material Design |
| [Ant Design](https://ant.design/)| Design system for enterprise-level products |
| [Apple Design Resources](https://developer.apple.com/design/resources/)| Guides and templates for using Apple design and UI |
| [Primer](https://primer.style/)| Design, build, and create with GitHub’s design system |
| [Alta UI](https://www.oracle.com/webfolder/ux/middleware/alta/index.html)| Oracle's design system and toolkit |
| [Pulse](https://pulse.heartbeat.ua/)| Design system, guides and React component library |
| [Bolt](https://boltdesignsystem.com/)| Robust Twig and web component powered UI components |
| [Clarity Design System](https://clarity.design/)| UX guidelines, HTML/CSS framework, and Angular components |
| [AtlasKit](https://atlaskit.atlassian.com/)| Atlassian's official UI library, built according to the Atlassian Design Guidelines |
| [Audi Design Resources](https://www.audi.com/ci/en/guides/user-interface/introduction.html)| Audi UI design system and toolkit |
| [Carbon Design Systems](https://www.carbondesignsystem.com/)| Carbon is IBM’s open-source design system for products and experiences |
| [Yelp Style Guide](https://www.yelp.com/styleguide)| Yelp style guide, components and toolkit |
| [Comet](https://comet.discoveryeducation.com/)| Scalable design system of visual language, components, and design assets |
| [ETrade Design System](https://etrade.design/)| Guides and toolkits that blend finance with simplicity and ease of use |
| [Fundamental Library](https://sap.github.io/fundamental-styles/)| Open source and community driven project for consistent user interfaces|
| [Infor Design](https://design.infor.com/)| Guidelines and resources to create meaningful experiences for Infor’s products |
| [Lexicon](https://liferay.design/lexicon/)| An experience language for crafting beautiful UI |
| [Mailchimp UI/UX](https://ux.mailchimp.com/patterns/color)| Style guide and components from Mailchimp |
| [Marvel Style Guide](https://marvelapp.com/styleguide/overview/introduction)| Set of design principles and components |
| [Microsoft Fluent UI](https://developer.microsoft.com/en-us/fluentui#/)| Collection of UX frameworks from Microsoft |
| [Pluralsight Design System](https://design-system.pluralsight.com/)| Design guide with components for designing with Pluralsight |
| [Polaris](https://polaris.shopify.com/)| Design system that creates great experiences for all of Shopify’s merchants |
| [Mozilla Protocol](https://protocol.mozilla.org/)| Protocol is a design system for Mozilla and Firefox websites |
| [SendGrid Style Guide](http://styleguide.sendgrid.com/)| UI library for developing consistent UI/UX at SendGrid  |
| [VTEX Styleguide](https://styleguide.vtex.com/)| Reusable patterns, components and assets related to product design in VTEX |
| [Rizzo](https://rizzo.lonelyplanet.com/styleguide/design-elements)| Style guide with UI components, JS components, widgets, etc |
| [Atomize](https://atomizecode.com/)| UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly |
| [StyleGuides.io](http://styleguides.io/)| A directory of 500+ styleguides |
| [Done Design System](https://uilibrary.github.io/done-design-system/)| Open source design system, guides & components |
| [Skoda Brand System](https://skoda-brand.com/explore-our-brand) | Design guideline for developing applications under the Skoda brand |
| [Spectrum](https://spectrum.adobe.com/) | Adobe’s design system that provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive. |
| [Asphalt](https://asphalt.gojek.io/) | Gojek’s design language system. A collection of guidelines and components to create amazing user experiences. |
| [Laws of UX](https://lawsofux.com/) | A collection of the key maxims that designers must consider when building user interfaces. |
| [Checklist Design](https://www.checklist.design/) | Checklist Design is a curated list of checklists ranging from website pages, to UI components, all the way to branding assets. |
| [Humane By Design](https://humanebydesign.com/) | A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being. |
| [Pr1mer Guidelines](https://guidelines.pr1mer.tech) | An 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&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [TinyPNG](https://tinypng.com/)| Smart PNG and JPEG compression
| [Optimizilla](https://imagecompressor.com/)| Online JPEG and PNG optimizer / compressor with settings and archive download
| [Compressor.io](https://compressor.io/)| JPEG, PNG, GIF, SVG Compression |
| [Squoosh.app](https://squoosh.app/)| Image compression from Google Chrome Labs |
| [BulkResizePhotos](https://bulkresizephotos.com/)| Bulk image resizing, compression & converting that perform all the tasks within the browser (It works offline) |
| [iLoveIMG](https://www.iloveimg.com/)| The fastest free web app for easy image modification |
| [SvgOMG](https://jakearchibald.github.io/svgomg/)| Online SVG optimizer with a lot of settings and possibility to cut and paste svg code directly in it.|
| [CompressJPEG](https://compressjpeg.com/)| Compress JPEG images with size even greater than 5MB |
| [CompressNow](https://compressnow.com/)| JPEG, GIF, PNG Compression |
| [Promo Image Resizer](https://promo.com/tools/image-resizer/)| Free Image and Photo Resizer |
| [Image Optimizer](http://www.imageoptimizer.net/)| Image Optimizer Free With Quality Options |
| [SVGminify](https://www.svgminify.com/)| This tool removes superfluous information, thereby reducing the size of your SVG files |
| [JPEG Optimizer](http://jpeg-optimizer.com/)| Free online tool for resizing and compressing digital photos and images for displaying on the web |
| [Resizing.app](https://resizing.app/)| Resize Your Images Online |
| [EZGif](https://ezgif.com/)| Animated GIF maker and Image editor including Image optimization and supports WebP conversion |
| [OnlinePngtools](https://onlinepngtools.com/resize-png)| Resize png for without losing transparent background. |
| [Verexif](https://www.verexif.com/en/) | Remove meta tags in image in order to reduce image size and increase privacy security |
| [Vecta Nano](https://vecta.io/nano) | Uses 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&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [HTML5Up](https://html5up.net/)| Very modern, unique responsive HTML5/CSS3 themes |
| [Templatemo](https://templatemo.com/)| Minimal, resume, gallery themes and more |
| [Templated.co](https://templated.co/)| Tons of minimalistic HTML5/CSS3 themes |
| [FreeHTML5](https://freehtml5.co/)| Free & premium HTML5 and Bootstrap themes |
| [StyleShout](https://www.styleshout.com/free-templates/)| Brilliantly crafted free website templates |
| [Start Bootstrap](https://startbootstrap.com/)| Bootstrap starter themes |
| [Zerotheme](https://www.zerotheme.com/)| HTML5, Bootstrap, Prestashop templates |
| [HTML5xCSS3](https://www.html5xcss3.com/)| Collection of wonderful templates in different categories |
| [Colorlib](https://colorlib.com/wp/templates/)| Almost any category of theme you can think of |
| [Free CSS](https://www.free-css.com/free-css-templates)| Huge collection of free templates |
| [Hubspot](https://www.hubspot.com/resources)| Templates, infographics, banners and much more|
| [Mobirise](https://mobirise.com/html-templates/)| Great looking HTML5/CSS3 templates|
| [Bootswatch](https://bootswatch.com/)| Free themes for Bootstrap|
| [Onepagelove](https://onepagelove.com/)| One-page websites, templates and resources|
| [Themes For App](https://themesfor.app/)| Free Bootstrap themes and landing pages|
| [BootstrapTaste](https://bootstraptaste.com/)| Premium & Free Bootstrap Templates|
| [BootstrapMade](https://bootstrapmade.com/)| Elegant, clean and beautiful free templates using Bootstrap. |
| [W3Layouts](https://w3layouts.com/)| W3Layouts: 3784+ Free Website Templates for 2020 |
| [Tooplate](https://www.tooplate.com/)| Tooplate: Free HTML Templates for everyone! |
| [Cruip](https://cruip.com/free-templates/)| Fully coded HTML templates to help you easily build your startup landing page without hassles. |
| [UIdeck](https://uideck.com/) | Free Landing Page Templates and Bootstrap Themes |
| [Splawr](https://splawr.com/) | Free web templates to kickstart your idea! |
| [W3css_templates](https://www.w3schools.com/w3css/w3css_templates.asp) | Some responsive W3.CSS website templates for you to use. |
| [All-Free-Download](https://all-free-download.com/free-website-templates/free-html-css-templates.html) | Download free-website-templates |
| [mashup-template](http://www.mashup-template.com/templates.html)| HTML5/CSS3 Free Templates |

## Product & Image Mockups

>Create mockups of devices and other products

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Smart Mockups](https://smartmockups.com/)| Create stunning product mockups (free & premium) |
| [Media Modifier](https://mediamodifier.com/)| beautiful design mockups service for your products (free & premium) |
| [Shot Snap](https://shotsnapp.com/)| Create beautiful device mockup images for your app or website design |
| [Screely](https://www.screely.com/)| Instantly turn your screenshot into a mockup |
| [Cleanshot](https://cleanshot.vercel.app/)| Generate screenshots for any website from its URLs. |
| [Screen Peak](https://screenpeek.io/)| Create a mockup from a URL |
| [Mockup World](https://www.mockupworld.co/)| The biggest source of free photo-realistic Mockups online |
| [Collab Shot](https://www.collabshot.com/)| Real-time screen grabs and image sharing |
| [Facebook Devices](https://facebook.design/devices)| Images and Sketch files of popular devices  |
| [Threed.io](https://threed.io)| Generate 3D mockups right in your browser. |
| [Mockuphone](https://mockuphone.com/)| 100% free mockups for all devices including IOS, Android, Windows Phone, Laptop & Desktop and TV |
| [Device Shots](https://deviceshots.com/)| Create high-resolution device mockups for social media, for free |
| [Clean Mock](https://cleanmock.com/)| Create 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.Video](https://www.mock.video/)| Instantly create mockups by adding a device frame to your videos. |
| [MockupBro](https://mockupbro.com/)| Create product mockups with online mockup generator! Just choose a mockup, upload your design and download your image without a watermark. |
| [Animockup](https://animockup.com/)| Create animated mockups in the browser. |

## Vectors & Clip Art

**Free vectors, clipart, illustrations, patterns and more**

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Vecteezy](https://www.vecteezy.com/)| Find and download free vector art |
| [Freepik](https://www.freepik.com)| Free vectors, stock photos, PSD and icons |
| [Free Vectors](https://www.freevectors.net/)| Community of vector lovers who share free vector graphics |
| [PNGTree](https://pngtree.com/free-vectors)| png, backgrounds, templates, text effects |
| [Vector4Free](https://www.vector4free.com/)| Free vector graphics |
| [Retro Vectors](http://retrovectors.com/)| Vintage vectors and graphics |
| [Freeble](http://freebbble.com/)| Vectors, patterns, mockups and more |
| [Lukaszadam](https://lukaszadam.com/)| Free Vector artworks |
| [Illlustrations](https://illlustrations.co/)| Beautiful 100 Illustrations - png, svg |
| [Clipart](https://www.clipart.email/)| Choose great clipart, png, coloring pages, drawings and more for your projects from the free collection! |
| [Growwwkit illustrations](https://growwwkit.com/illustrations/phonies)| A set of 8 simple, black & white, stylish illustrations |
| [trianglify.io](https://trianglify.io/) | Generate low-poly backgrounds, textures, and vectors |
| [blob](https://blobs.app/) | Generate Blob shapes for Web and Flutter apps |
| [HiClipart](https://www.hiclipart.com/)| A community for designers to share & download transparent background PNG cliparts |
| [Stories by Freepik](https://stories.freepik.com/) | A collection of free and customizable illustrations for projects |
| [Black Illustrations](https://www.blackillustrations.com/) | Beautiful illustrations of black people (free and premium) |
| [Delesign](https://delesign.com/free-designs/graphics) | A collection of free illustrations and more |
| [Custom Shape Dividers](https://www.shapedivider.app/) | Free tool to make it easier for designers and developers to export a beautiful SVG shape divider |
| [Servier Medical Art](https://smart.servier.com) | 3000 free medical images to illustrate your publications and PowerPoint presentations |
| [Clker](http://www.clker.com) | Free clip art you can use for anything you like |
| [SVG wave](https://svgwave.in/) | A free, & customizable gradient 🌈 SVG wave generator for UI designs . |
| [Heritage Library](https://www.heritagetype.com/collections/free-vintage-illustrations) | Vintage Illustrations (vector and png) |
| [ROBOHASH](https://robohash.org/) | Generate unique images from any text |
| [Tabbied](https://tabbied.com/) | Create and customize minimally generated patterns/artwork to use for background images, print and other projects. |
| [Haikei](https://app.haikei.app/) | An 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&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description                                                        |
| -------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |
| [UI Design Daily](https://uidesigndaily.com/)                                                            | Awesome UI Components of all types                                 |
| [100 Daily UI](https://100dailyui.webflow.io/)                                                           | Free Figma library of products, elements, and screens              |
| [Sketch App Sources](https://www.sketchappsources.com/)                                                  | Sketch UIs, wireframes, icons and much more                        |
| [Humaaans](https://www.humaaans.com/)                                                                    | Cool illustrations of people with the ability to mix and match     |
| [Paaatterns](https://products.ls.graphics/paaatterns/)                                                   | Free collection of beautiful patterns for all vector formats       |
| [thepatternlibrary](http://thepatternlibrary.com/)                                                       | Free beautiful background patterns                                 |
| [404 illustration](https://error404.fun/)                                                                | Free illustrations for 404  pages                                  |
| [Drawkit.io](https://www.drawkit.io/)                                                                    | Illustrations for designers and startups                           |
| [Absurd.design](https://absurd.design/)                                                                  | Free surrealist illustrations for designers and developers         |
| [Undraw.co](https://undraw.co/)                                                                          | Open-source illustrations for any idea you can imagine and create  |
| [Manypixels.co](https://www.manypixels.co/gallery/)                                                      | Monochromatic, Isometric high-quality illustrations                |
| [Open Peeps](https://www.openpeeps.com/)                                                                 | Hand drawn illustration library                                    |
| [UI Space](https://uispace.net/)                                                                         | Thousands of great UI freebies                                     |
| [Animations.co](http://animaticons.co/)                                                                  | Beautiful, customizable animated GIF icons                         |
| [Uplabs](https://www.uplabs.com/)                                                                        | High-quality design resources (Free & Premium)                     |
| [InvisionApp](https://www.invisionapp.com/inside-design/design-resources/)                               | Library of free, high-quality UI kits, icon packs, and mockups     |
| [Open Doodles](https://www.opendoodles.com/)                                                             | A Free Set of Sketchy Illustrations                                |
| [Avataaars](https://avataaars.com/)                                                                      | Free sketch library of avatars illustrations by Pablo Stanley      |
| [FreebieSketch](http://freebiesketch.com/)                                                               | Free Sketch designs, wireframes, illustrations, and more.          |
| [Blush](https://blush.design/)                                                                           | Free customizable illustrations with Figma Plugin                  |
| [Hero Patterns](http://www.heropatterns.com/)                                                            | A collection of repeatable SVG background patterns                 |
| [IsoFlat](https://isoflat.com/)                                                                          | A Free collection of Isometric SVG graphic resources               |
| [IRA Design](https://iradesign.io/)                                                                      | An open-source gradient illustrations collection by creative tim.   |
| [Transparent Textures](https://www.transparenttextures.com/) | A collection of transparent textures background patterns. |
| [Storytale.io](https://storytale.io/freebies/) | Subset of Storytale free quality illustrations |
| [icons8.com/illustrations](https://icons8.com/illustrations) | Free vector illustrations to class up your project |
| [Patternico](https://patternico.com) | Seamless Pattern Maker |
| [Freellustrations](https://freellustrations.com/) | Free Background Images for awesome landing Pages |
| [Pixeltrue Illustrations](https://www.pixeltrue.com/illustrations) | Free Animated Illustrations |
| [Abstract User Avatar API](https://www.abstractapi.com/user-avatar-api) | API to create simple yet flexible user avatars from user names or emails |
| [sketchvalley](https://sketchvalley.com/) | Download free PNG, SVG or AI file . |
| [PatternPad](https://patternpad.com/) | Free and unlimited unique pattern designs. |
| [Dimensions](https://www.dimensions.com/) | Dimensions.com is an ongoing reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces|
| [Freebiesbug](https://freebiesbug.com/) | Hand-picked resources for web designers and developers, constantly updated.|
| [Flexiple](https://2.flexiple.com/scale/all-illustrations) | One new high-quality, open-source illustration each day. |
| [Cool Text](https://cooltext.com/)| Cool Text is a FREE graphics generator for web pages and anywhere else you need an impressive logo without a lot of design work |
| [illustration kit](https://illustrationkit.com/)| Premium open source illustrations added daily |
| [Doodad Pattern Generator](https://doodad.dev/pattern-generator/) | Create unique, seamless, royalty-free patterns.|
| [Pattern Monster](https://pattern.monster/) | A simple online pattern generator to create repeatable SVG patterns|
| [Exemplar](https://themeselection.com/products/exemplar-free-avatar-library-for-figma-and-sketch/) | Free Avatar Library for Figma and Sketch|

## Fonts

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

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Google Fonts](https://fonts.google.com/)| Library of around 1000 free licensed font families |
| [DaFont](https://www.dafont.com/)| Archive of freely downloadable fonts |
| [Use & Modify](https://usemodify.com/)| Personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces |
| [1001 Free Fonts](https://www.1001freefonts.com/)| I think the name speaks for itself :smirk: |
| [Font Squirrel](https://www.fontsquirrel.com/)| Font Squirrel scours the internet for high quality, legitimately free fonts |
| [Font Fabric](https://www.fontfabric.com/free-fonts/)| A digital type foundry crafting retail fonts and custom typography for various brands |
| [Tiff](https://tiff.herokuapp.com/)| A type diff tool that visually contrasts the differences between two fonts  |
| [TypeKit Practice](https://practice.typekit.com/)| Learn about typography practices |
| [Fontjoy](https://fontjoy.com/)| Generate font pairing in one click |
| [Golden Ratio](https://grtcalculator.com/)| Golden Ratio Typography Calculator |
| [FontSpark](https://fontspark.app/) | Discover Better Fonts |
| [FontGet](https://www.fontget.com/) | Has a variety of fonts available to download and sorted neatly with tags |
| [FontPair](https://fontpair.co/) | Helps you pair Google Fonts together
| [Font Space](https://www.fontspace.com/)| A designer-centered free font website that has quick customizable previews |
| [Abstract Fonts](http://www.abstractfonts.com/)| Fonts free for personal and commercial use |
| [Free Typography](https://freetypography.com/)| A list of high quality fonts |
| [Leon Sans](https://github.com/cmiscm/leonsans/)| A geometric sans-serif typeface made with code |
| [Lexend](https://www.lexend.com/)| A variable font empirically shown to significantly improve reading-proficiency |
| [Fonts for Apple Platforms](https://developer.apple.com/fonts/)| Get the details, frameworks, and tools you need to use system fonts for Apple platforms in your apps |
| [SFWin](https://github.com/blaisck/sfwin/)| San Francisco Fonts for Windows 10 and non-Apple Platform |
| [Font Flipper](https://fontflipper.com/)| Preview 800+ Google Fonts on top of your own designs, without having to download the fonts |
| [Fonts Arena](https://fontsarena.com/) | Free curated fonts |
| [Befonts](https://befonts.com/) | High quality fonts for free |
| [Arabic fonts](https://arabicfonts.net/) | Arabic fonts for free |
| [FontDrop](https://fontdrop.info) | Simple and easy way to view the contents of font files |
| [Open Foundry](https://open-foundry.com) | FREE platform for curated open-source typefaces |
| [Glyphter](https://glyphter.com) | Upload your own SVGS and turn them into font files. Useful if you want a smaller library loaded  |
| [Google Webfonts Helper](https://google-webfonts-helper.herokuapp.com/fonts) |  A Hassle-Free Way to Self-Host Google Fonts |
| [Rough Font Awesome](https://djamshed.github.io/rough-awesome-font/dist/)| When RoughJS meets Font Awesome |
| [FFonts](https://ffonts.net)| Stylish fonts for free |
| [Malayalam Fonts](https://smc.org.in/fonts/)| Malayalam fonts for free which are maintained by Swathanthra Malayalam Computing(SMC) |
| [Dev Fonts](https://devfonts.gafi.dev/)| Find and use the coding fonts for free |

## Colors

**Websites and resources that help with choices related to colors**

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Color Brewer 2](https://colorbrewer2.org/)| The original color palette generator, also supporting color blindness. Probably the scientifically best option. Also probably not the prettiest. |
| [Colormind.io](http://colormind.io)| Color palette generator |
| [ColorCurves.app](https://colorcurves.app)| Color palette generator that uses curves to generate color palettes |
| [ColorGradient](https://colorgradient.dev/)| A free tool to create simple and complex CSS Gradients visually |
| [Coolors](https://coolors.co)| Create the perfect palette or get inspired by thousands of beautiful color schemes |
| [HTML Color Codes](https://htmlcolorcodes.com/)| Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names |
| [Colors & Fonts](https://www.colorsandfonts.com/)| A curated library of colors, fonts and resources |
| [Palette List](https://www.palettelist.com/)| Pick 2 colors you like and the tool generates thousands of palettes for you. |
| [Paletter](https://www.paletter.app) | Create a color palette from a single color |
| [Google Material Color Tool](https://material.io/resources/color/)| Official Google Material Color Palette Tool|
| [Material Palette](https://www.materialpalette.com/)| Free to pick palettes, icons and colors for Material Design|
| [ColorSpace](https://mycolor.space/)| Generate nice color palettes from one color |
| [FlatUIColors](https://flatuicolors.com)| Beautiful set of color palettes in various flavors |
| [Adobe Color](https://color.adobe.com/create)| Create color palettes, extract gradients from images, etc. |
| [Colorsinspo](https://colorsinspo.com/) | All-in-one resource for finding everything about colors |
| [ColorsWall](https://colorswall.com/) | Place to store your color palettes and generate palette in one click |
| [Happyhues](https://www.happyhues.co/) | 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 |
| [Adobe Trends](https://color.adobe.com/trends)| Discover current color trends in different industries from the creative communities on Behance and Adobe Stock|
| [Color Hunt](https://colorhunt.co/)| A free and open platform for color inspiration with thousands of trendy hand-picked color palettes |
| [Gradient Hunt](https://gradienthunt.com/)| A free and open platform for gradient inspiration with thousands of trendy hand-picked color gradients |
| [Web Gradients](https://webgradients.com/)| A free website to find good CSS gradients |
| [ColorBox](https://www.colorbox.io)| A free website to produce color set |
| [CSS gradient](https://cssgradient.io/)| A free website to make custom gradient and some examples of gradient |
| [gradienta](https://gradienta.io/)| A pure css and jpg gradients |
| [UI Gradients](https://uigradients.com/)| UI gradients color generator |
| [Palette Generator](https://palettegenerator.colorion.co/)| Generate new color palette with every spacebar press |
| [Material Palettes](https://material.colorion.co/)| 1000+ Material Design palettes |
| [Grabient](https://www.grabient.com/) | Gradient Selector |
| [ShadeSwash](https://shadeswash.netlify.app/) | Quickly generate shades of any color |
| [BrandColors](http://brandcolors.net/) | The biggest collection of official brand color codes  |
| [BRAND PALETTES](https://brandpalettes.com/) | Logo Color Codes and Palettes  |
| [Material Design Palette Generator](http://mcg.mbitson.com) | Generate theme and color palette Material Design-like |
| [Colorate](https://colorate.azurewebsites.net/) | Color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. |
| [0to255](https://www.0to255.com/) | A color tool that makes it easy to lighten and darken colors. It’s perfect for hover states, borders, gradients, and more. |
| [Color Blender](https://meyerweb.com/eric/tools/color-blend) | A tool that shows the midpoint colors between two colors
| [Gradient Buttons](https://gradientbuttons.colorion.co/) | Ready to use copy/paste gradient buttons |
| [Khroma](http://khroma.co/) | Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save. |
| [whocanuse](https://whocanuse.com) | A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
| [Colorable](https://colorable.jxnblk.com/) | Color combination contrast tester |
| [Color Hex Picker](https://colorhexpicker.com) | Tool to get hex code along with name of the color. |
| [Saruwakakun](https://saruwakakun.com/en/color-ideas) | The stunning color scheme for website & App Designs with previews |
| [Paletton](https://paletton.com/)| Paletton.com is a designer color tool designed for creating color combinations that work together well.|
| [Colorzilla](https://www.colorzilla.com/) | A powerful online Photoshop-like CSS gradient editor |
| [Image Color Picker](https://image-color.com/) | Image color picker and palette generator |
| [CombineCOLORS](https://combinecolors.com/) | Color mixing tool |
| [Color Lovers](https://www.colourlovers.com/palettes) | It will show the color schemes which are popular in the outside world. |
| [HTML CSS Color](https://www.htmlcsscolor.com/) | Free online Color (USA) or Colour (British) tools: information, gradient generator, color wheels etc. |
| [HEX Color Codes](https://hexcolorcodes.org/) | It gets HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names. |
| [CoolHue 2.0](https://webkul.github.io/coolhue/) | A free tool that shows different gradient examples in CSS and PNG format |
| [Colors.lol](https://colors.lol/) | Interesting color palettes generated by a Twitter bot, there are hex codes and descriptive names for each color. |
| [colors.dopely](https://colors.dopely.top/) | Super-fast and simple color palette generator, palettes can be saved and shared in seconds. |
| [UIColor Picker](https://uicolorpicker.com/) | A collection of UI Colors with hex codes available to be copied in just one click. |
| [Color Hex](https://www.color-hex.com) | Color-hex gives information about colors including color models (RGB,HSL,HSV and CMYK) and generates a simple css code for the selected color. |
| [FarbVelo](https://farbvelo.elastiq.ch/) | A random color palette generator |
| [Veranda Color](https://verandacolor.com) | Browse color palettes made by other designers, generate and submit your own |
| [Duo](https://duo.alexpate.uk/) | Duo is a collection of colour combinations that I’ve curated from personal projects or that I’ve come across on the web. |
| [Lospec Palette List](https://lospec.com/palette-list) | The Lospec Palette List is a database of palettes for pixel art. |

## Icons

**Resources for Icons including png, svg and more**

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [UXWing](https://uxwing.com/)| Well Optimized, Free icons for commercial use |
| [Shapedfonts Iconclub](https://shapedfonts.com/iconclub/)| 8000+ free icons |
| [Feather Icons](https://feathericons.com/)| Beautiful, customizable open source icons |
| [Tabler Icons](https://tablericons.com/)| 470+ highly customizable open source SVG icons |
| [Xicons](https://www.xicons.org/#/)| SVG Vue/React components integrated from fluentui-system-icons, ionicons, etc. (Vue3, Vue2, React, SVG). |
| [Iconoir](https://iconoir.com/)| Free library of 900+ open source icons |
| [Simple Icons](https://simpleicons.org/)| 1307 Free SVG icons for popular brands |
| [Linear Icons](https://linearicons.com/free)| 1000+ Ultra crisp vector icons |
| [Icons8](https://icons8.com/)| Free icons, photos, vectors and tools |
| [Flat Icon](https://www.flaticon.com/)| The largest database of free icons in PNG, SVG, EPS, PSD and BASE 64 formats  |
| [The Noun Project](https://thenounproject.com/)| Over 2 Million curated icons, created by a global community |
| [Iconscout](https://iconscout.com/)| Free Download Icons illustrations stock photos at one place  |
| [IconSear.ch](https://iconsear.ch/search.html) | Search engine with over 50,000 SVG icons indexed |
| [Nucleo App](https://nucleoapp.com/)| Nucleo is a beautiful library of 27500 icons, and a powerful application to collect, customize and export all your icons. (Free & Paid) |
| [Icon-icons.com](https://icon-icons.com/)| Free Icons PNG, ICO, ICNS and Vector file SVG  |
| [Bootstrap Icons](https://icons.getbootstrap.com/)| Free Icons built for Bootstrap but they'll work in any project  |
| [Remix Icon](https://remixicon.com/)| Simply Delightful Icon System |
| [Iconmonstr](https://iconmonstr.com/) | Discover 4496+ free icons in 313 collections |
| [Vivid.js](https://webkul.github.io/vivid/)| Ready to use Free and Open Source SVG Icons Pack JavaScript Library. |
| [Iconfinder](https://www.iconfinder.com/)| Free and premium vector icons in SVG, PNG, CSH and AI format  |
| [Lordicon](https://lordicon.com/icons#free) | 50 free animated interactive icons |
| [UseAnimations](https://useanimations.com/) | Free Animated Icons in SVG and Json Format(for lottie)  |
| [css.gg](https://css.gg/) | 700+ Open-source CSS, SVG and Figma UI Icons Available in SVG Sprite, styled-components, NPM & API |
| [IconBros](https://www.iconbros.com) | 7843+ free icons grouped in 182 collections |
| [Material Design Icons](https://materialdesignicons.com/) | An icon collection allowing designers and developers targeting various platforms to download icons in the format, color and size they need for any project. |
| [Heroicons](https://heroicons.dev/) | Free, open source icons from the creators of Tailwind CSS. |
| [Zondicons](https://www.zondicons.com/icons.html) | A set of free premium SVG icons for you to use on your digital products. |
| [Endless Icons](http://endlessicons.com/) | A website offering a number of free icons. Icons are tagged and also compressed into kits. |
| [Icomoon](https://icomoon.io/app/) |Browse 5500+ Free Icons. Add any set you wish to easily browse and search its icons. |
| [Eva Icons](https://akveo.github.io/eva-icons/#/) |Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. |
| [Cryptoicons](http://cryptoicons.co/) | A set of 430 crypto and fiat currency icons. Completely free. |
| [Ikonate](https://ikonate.com/) | Fully customizable & accessible vector icons |
| [appicon](https://appicon.co/)| Quickly generate app icons in different sizes for your IOS, macOS and Android projects|
| [LineIcons](https://lineicons.com) | 2000+ Essential Line Icons for Designers and Developers |
| [Evericons](https://www.figma.com/resources/assets/evericons-for-figma/) | Evericons is a big pack of over 460 free icons designed by Aleksey Popov. |
| [SVG Repo](https://www.svgrepo.com/) | Download free SVG Vectors for commercial use. |
| [Convertio](https://convertio.co/png-svg/) | Convert PNG files to SVG online & free. (One of the services provided by it.) |
| [CSS ICON](https://cssicon.space/) | Icon set made with pure css code, no dependencies, "grab and go" icons |
| [Unified icons](https://iconify.design/) |Thousands of icons, one unified framework. One library, over 40,000 vector icons. |
| [System UIcons](https://systemuicons.com/) |220+ icons in a growing collection. |
| [IconPark](https://github.com/bytedance/IconPark) | Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons |
| [Radix Icons](https://icons.modulz.app/) |A crisp set of 15×15 icons designed by the Modulz team. All icons available as individual react component,SVG and more. |
| [EOS Icons](https://icons.eosdesignsystem.com/) | A pixel-perfect, open source iconic font available as ligature and SVG. |
| [Ionicons](https://ionicons.com) | Beautifully crafted open source icons for use in web, iOS, Android, and desktop apps. |
| [Phosphor Icons](https://phosphoricons.com) | Phosphor is a flexible icon family for interfaces, diagrams, presentations |
| [Teeny Icons](https://teenyicons.com/) | TeenyIcons is a set icons in SVG format easy to use in html |
| [Lucide](https://lucide.netlify.app/) | Lucide is an open-source icon library, a fork of Feather Icons. |
| [Icones](https://icones.js.org/) | Icon Explorer with Instant searching, powered by Iconify. |
| [Shitty Icons](https://shittyicons.com/) | Collection of Free icons. |
| [Iconspedia](https://www.iconspedia.com/) | Iconspedia is a website that contains a large collection of high quality free icons. |
| [iconhub](https://iconhub.io/) | Just practical stunning icons for everyone |

## Logos
**Resources for Logos**

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Instant Logo Search](http://instantlogosearch.com/)| Thousands of free brands logos ( SVG - PNG ) |
| [LogoSear.ch](https://logosear.ch/search.html) | Search engine with over 200,000 SVG logos indexed |
| [SVGPorn](https://svgporn.com) | 1000+ high-quality SVG logos |
| [Payment System Logos](https://github.com/mpay24/payment-logos/) | Logos for payment systems available in png and svg |
| [Browser Logos](https://github.com/alrra/browser-logos/) | High resolution web browser logos |
| [VectorLogoZone](https://www.vectorlogo.zone/) | Consistently formatted SVG logos |
| [World Vector Logo](https://worldvectorlogo.com/)| Download vector logos of brands you love |
| [Logo Maker](https://logomakr.com/)| Create custom logos |
| [Free Logo Maker](https://www.namecheap.com/logo-maker/)| Fast, All-in-One Logo Generator |

## Favicons

**Resources for Favicons**

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Favicon.io](https://favicon.io/)| Generate a favicon from text, from an image, or from an emoji. Download in .ico and .png formats |
| [Favicomatic](https://favicomatic.com/)| Generate favicons of all the sizes and formats as well as the HTML code needed to support every possible browser or device |
| [Favicon Generator](http://tools.dynamicdrive.com/favicon/)| Generate favicon ico files for your website |
| [RealFaviconGenerator](https://realfavicongenerator.net/)| Generate icons for all platforms (Windows, iOS, Android) |
| [FontIcon](https://gauger.io/fonticon/)| Generate favicons and images from Font Awesome icons |

## Icon Fonts

**Resources for Icon Fonts**

| Website&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | Description |
| ----------------------- | ------------------ |
| [Font Awesome](https://fontawesome.com/)| The web's most popular icon set and toolkit  |
| [Line Awesome](https://icons8.com/line-awesome)| Swap in replacement of Font Awesome with modern line icons |
| [Material Icons](https://material.io/resources/icons/)| Material design icon library |
| [IonIcons](http://ionicons.com/)| Beautifully crafted open source icons from Ionic team |
| [Zurb Foundation Icons](https://zurb.com/playground/foundation-icon-fonts-3)| Customizable Foundation icons |
| [Fontisto Icons](https://fontisto.com/)| Fontisto the iconic font and css toolkit · 616+ free icons  |
| [Boxicons](https://boxicons.com/)| Boxicons is a free collection of carefully crafted open source icons  |
| [Icofont](https://icofont.com/)| 2100+ free icons to spice up your creative designs  |
| [Material Palette](https://www.materialpalette.com/icons)| Free to pick palettes, icons and colors for Material Design]|
| [Material Design Iconic Font](http://zavoloklom.github.io/material-design-iconic-font/index.html) | Material design icon font |
| [Vscode Codicons](https://microsoft.github.io/vscode-codicons/dist/codicon.html) | The icon font from Visual Studio Code |
| [Devicon](https://konpa.github.io/devicon/) | Devicon is a set of icons representing programming languages, designing & development tools |
| [PaymentFont](https://github.com/AlexanderPoellmann/PaymentFont) | A sleek web font for payment operators and methods. Featuring 116 icons |
| [Weather Icons](https://erikflowers.github.io/weather-icons/) | Weather Icons is the only icon font with 222 weather themed icons |
| [Stroke 7](https://themes-pixeden.com/font-demos/7-stroke/index.html) | 202 thin stroke icons inspired by iOS 7 |
| [Jam Icons](https://jam-icons.com/) | 890+ handcrafted icons to make your web app awesome |
| [Fontello](http://fontello.com/)| 200+ web icons where you can customize the names or codes of icons. |
| [Linea](https://linea.io/)| Linea: Featuring 750+ Free Icons |
| [Unicons](https://iconscout.com/unicons)| 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. |
| [Mobirise Icons](https://mobiriseicons.com/)| A free, open source set of 150 elegant, pixel-perfect linear icons, available as web icon font and SVG icons. |
| [Hero Icons](https://heroicons.dev/)| Free Open Source Svg Icon Library |


### Thank you for reading

If you liked this post, subscribe to my [newsletter](https://abhirajbhowmick.substack.com)
to never miss out on my blogs, product launches, and tech news, and follow me on [Twitter](https://twitter.com/rainboestrykr) for daily threads on web dev resources.