SVG Icons for Website
We heard of jpg, png, bitmap and webP but not many truly understand the ideal graphics for icons are svg format. An SVG (Scalable Vector Graphics) image is an XML-based format for two-dimensional graphics that supports interactivity and scalability without loss of quality, ideal for web and responsive design. At Nova Web Design, we highly recommend using SVG icons for websites and mobile apps due to their ability to scale responsively without any loss in quality.
Where to Find Free Icons?
SVG Repo (https://www.svgrepo.com) is a free online resource offering over 500,000 SVG vector icons and illustrations that can be downloaded and used for personal and commercial projects.
Key Features:
-
Free to use: Most SVGs are under public domain or open licenses.
-
High-quality SVG files: Clean, scalable, and customizable.
-
Searchable: You can search by keyword, category, or style.
-
Editable: Easily edit the SVG code or import into design tools like Figma, Illustrator, or VS Code.
-
No account needed: Download without signing up.
At SVG repo, it allows user to download free SVG vectors file in monocolor and multicolor type for sketch and figma . Take a look at the sample repo. I have selected “ecommerce” and here is just a list of icons in SVG format.
Customising SVG
This is the customization interface from SVG Repo, allowing users to edit SVG icons before downloading. It lets you adjust size, padding, stroke thickness, colors, rotation, background shape, and more. You can preview changes in real time and either copy the SVG code or export the final icon for use.
