Introduction
Understanding UX/UI Design
Awwwards
UI Movement
Web Design Inspiration
Websites for UX Designers
Websites for UI Designers
Working with Colors
Working with Fonts
UI Kits for Figma
SVG and PNG Icons
Showcase UX/UI Portfolios
Top Websites for SVG and PNG Icons
Icons are crucial elements in UI design, providing clarity and enhancing user experience. Whether you’re designing for web, mobile, or desktop applications, having access to a variety of high-quality icons in SVG and PNG formats is essential. Here are some of the best websites where you can find and download icons in SVG and PNG formats:
1. Iconoir
Description: Iconoir offers a comprehensive collection of open-source icons available in SVG, PNG, and React formats. With over 1000 icons in a consistent style, Iconoir is perfect for modern, minimalist design projects. The icons cover a wide range of categories, making them versatile for various design needs.
2. Phosphor Icons
Description: Phosphor Icons is a flexible icon family with a range of weights and styles, all available in SVG and PNG formats. The icons are highly customizable, allowing designers to adjust stroke weight, color, and size to fit any design system. Phosphor Icons are ideal for both web and mobile projects, providing a cohesive look across platforms.
3. Feather Icons
Description: Feather Icons is a collection of simple and clean icons designed for modern interfaces. The icons are lightweight and available in SVG format, making them easy to customize and integrate into your projects. Feather Icons are particularly suited for minimalist designs and are free to use under an open-source license.
4. Material Icons
Description: Material Icons is a vast collection of icons created by Google as part of their Material Design system. Available in SVG and PNG formats, these icons are widely used in Android and web applications. The icons are consistent in style and easily adaptable to any project, making them a go-to resource for designers following Material Design guidelines.
5. Heroicons
Description: Heroicons provides a set of free, MIT-licensed high-quality SVG icons for you to use in your web projects. Designed with Tailwind CSS in mind, Heroicons offers both outline and solid versions of each icon, ensuring versatility and adaptability to various design contexts. These icons are perfect for clean, modern user interfaces.
6. Boxicons
Description: Boxicons is a simple and customizable icon set available in SVG and PNG formats. It offers a wide range of icons across different categories, from user interface elements to social media and more. Boxicons is free for personal and commercial use, and the icons are easy to integrate with any design tool or web project.
7. Streamline Icons
Description: Streamline Icons is a premium collection that offers an extensive library of over 30,000 icons in SVG, PNG, and other formats. The icons are meticulously crafted and available in different styles, including light, regular, and bold weights. Streamline Icons is ideal for designers looking for a comprehensive and professional icon set.
8. The Noun Project
Description: The Noun Project provides a vast library of icons created by a global community of designers. Icons are available in both SVG and PNG formats, covering virtually any concept or idea you might need. The Noun Project offers free icons with attribution and paid versions without attribution, making it a flexible resource for various projects.