Where to Find Free Icons and Vectors
Icons and Vectors Versus Photos
A photograph is a raster image, a grid of colored pixels. Zoom in far enough and it blurs or shows blocky artifacts, because there is a fixed amount of detail baked in. A vector is different: it is a set of mathematical instructions for lines, curves, and fills, so it can be scaled from a tiny button icon to a billboard with no loss of sharpness. That scalability is exactly what you want for interface elements and illustrations that appear at many sizes.
Icons are usually small, simple vectors that represent an action or concept, like a magnifying glass for search or a gear for settings. Broader vector illustrations use the same underlying format for richer scenes and graphics. Because both are vectors, they share the same advantages: crisp at any size, easy to recolor, and tiny in file size when saved as SVG.
This is why you do not look for icons on a stock photo site. The asset type is fundamentally different, and the sources that specialize in vectors give you cleaner results, better search, and formats you can actually edit.
Where to Find Free Icons
Dedicated icon libraries are the best starting point. Many offer thousands of icons organized into consistent sets, where every icon shares a common stroke weight and style, which is essential for a professional look. Some are open-source icon collections released under permissive licenses, and these are especially safe for commercial projects because their terms are clear and stable. Others are marketplaces that mix free and paid icons, so you have to confirm which license applies to the specific icon you grab.
Open-source icon sets deserve special mention. Because they are maintained as projects with public licenses, you can use them broadly, often without attribution, and you get a whole family of matching icons rather than a single mismatched graphic. For interface work and feature lists, starting from one well-made open set keeps everything visually unified.
Web fonts that package icons as font glyphs are another route, letting you drop in scalable icons with a line of code. These are convenient for developers and keep icons crisp on any screen, though plain SVG files give you more control over individual styling.
Where to Find Free Vectors and Illustrations
For larger vector illustrations, characters, backgrounds, and themed scenes, specialist vector libraries are the place to look. Some focus on a single cohesive illustration style, which is a gift when you want a whole site to feel consistent, since pulling from one style library avoids the patchwork look of mixing many artists. Others are broad marketplaces with enormous variety but mixed licensing.
When you find an illustration style you like, lean into it. Using one coherent illustration set across your headers, empty states, and explainer graphics does more for perceived quality than any single standout image, because consistency reads as intention and intention reads as professionalism.
License Traps With Free Icons
Free icons carry a specific and very common trap: many "free" icon sets require attribution, and that requirement is easy to miss. The site lets you download without paying, but the license says you must credit the author somewhere, often with a link, unless you upgrade to a paid plan that removes the requirement. Skipping that credit turns a free icon into a license violation, even though no money changed hands.
Two other traps appear regularly. First, some free icons are licensed for personal use only, barring commercial projects entirely. Second, marketplaces mix licenses within the same search results, so the icon next to a clearly free one might be premium. The habit that protects you is simple: check the license on the exact icon you are downloading, not the general vibe of the site, and decide up front whether you can meet any attribution requirement.
Keeping Icon Sets Consistent
The fastest way to make a page look amateur is to mix icons from different sets with different stroke weights, corner styles, and levels of detail. One icon is thin and outlined, the next is thick and filled, and the eye immediately senses something is off. The fix is to commit to a single icon family per project and pull every icon from it, even if that means doing without a perfect match for one concept.
Recoloring helps unify things further. Because vectors are easy to recolor, you can take a consistent set and tint every icon to your brand colors, which ties the whole interface together. Keep a small folder of your chosen set so you are not re-sourcing icons from scratch each time, and your visuals will stay coherent as the project grows.
Editing and Using Vectors
One of the best things about vectors is how editable they are. Free vector editing tools let you open an SVG, change colors, remove elements you do not need, and combine pieces from different graphics into something custom. This means a free vector is often a starting point rather than a finished asset, which stretches a small library a long way. A handful of base illustrations, recolored and recombined, can supply a whole site's worth of graphics.
When you export for the web, keep vectors as SVG for anything that needs to scale or that you might restyle later, and export a PNG only when you specifically need a fixed raster version. Optimizing the SVG to strip unnecessary code keeps file sizes tiny, which helps page speed without any visible quality cost.