Free Download 400 Icons in PSD Format

What Is Inside: 400 PSD Icons

This set covers practically every icon category a web designer needs in daily work. Social media icons, interface elements, arrows, stars, buttons, locks, shopping carts, gears — the list goes on. The visual style is consistent: minimal flat design icons with thin strokes and solid fills.

Icon Categories in the Set

Let me break down the icon categories in detail. Knowing the structure will help you find the right icon instantly instead of digging through the whole file.

• Social Networks: Facebook, Twitter, Instagram, YouTube, Telegram, WhatsApp icons — a full set for your site header and footer. All icons share one visual style, so you never have to match mismatched elements.
• UI Elements: arrows left/right/up/down, close icons, checkmarks, pluses, minuses, hamburger menus. The essential building blocks for any interface.
• Business Symbols: briefcase, charts, diagrams, gears, light bulbs, dollar and euro signs. Perfect for company websites, startups, and freelance portfolios.
• Communication: envelopes, phones, messages, chats, notifications, bells. Everything you need for contact sections and feedback forms.
• Multimedia: play, pause, stop, rewind, volume, microphone, camera, music note. For video players, audio players, and media galleries.
• Files and Folders: documents, open/closed folders, trash bins, clouds, floppy disks, links. Classics for file managers and admin dashboards.
• Users: silhouettes, groups, avatars, add user, admin badge. For profiles, comments sections, and team pages.
• Weather and Nature: sun, moon, clouds, rain, snow, lightning, leaves, fire. Weather forecasts, travel sites, and eco-projects.
• Transport: cars, airplanes, ships, bicycles, trains. Logistics, transportation companies, travel blogs.
• Food and Drinks: cups, glasses, plates, cutlery, fruit. Restaurant websites, cooking blogs, food delivery services.

Plus many standalone icons for any taste — hearts, stars, locks, keys, magnets, pins, flags, houses, magnifying glasses, pencils, brushes, paint buckets, eyedroppers, and dozens more common symbols. In total, you get not just an icon set but a full design system in a single file.

\u{201c}

Icons are pictographic writing. They must be understood instantly, without translation. A good icon set is a dictionary where every word is in its place.

Popular PSD Icon Pack Comparison

To show you the value of this set, I compared it with several popular free alternatives available online. I selected packs that are either completely free or have a generous free version. The numbers speak for themselves.

As you can see, in terms of value per kilobyte, this set is unbeatable. 400 icons weighing only 4.34 MB comes out to less than 11 KB per icon. For comparison: a single high-resolution PNG image weighs between 50 and 200 KB. In other words, this PSD set takes less space than a dozen raster images yet contains dozens of times more graphical information.

Pay attention to the Vector column in the table. Not all free packs are truly vector. Some are just a collection of PNG images that cannot be scaled or recolored without quality loss. In this regard, our set wins by a huge margin.

How to Work with the PSD Icon File

The PSD file opens in any Photoshop version starting from CS6. If you are running modern Photoshop 2024–2026, it will open instantly. All you need is to download the archive, extract it, and double-click the PSD. I recommend saving the file to a dedicated project folder — a set this good will come in handy many times.

Layer Structure

The creator organized everything well: layers are placed in folders with clear names. You will not be hunting through 400 unnamed layers — everything is structured. The typical folder layout looks like this:

• Social folder: social network icons labeled FB, TW, IG, YT, TG, WA
• UI Elements folder: arrows, cursors, buttons, toggles, sliders
• Business folder: charts, diagrams, briefcases, money, gears
• Media folder: player controls, volume, camera, microphone, music note
• Files folder: documents, folders, trash bins, clouds
• People folder: user silhouettes, groups, avatars
• Nature folder: weather, nature, seasons
• Transport & Food folder: vehicles and food icons

When you need to find a specific icon, do not scroll through layers manually — use the search feature. At the top of the Layers panel, there is a magnifying glass icon (Filter Layers) that searches layers by name. Just type in search and Photoshop will show you all matching layers.

How to Change an Icon Color

Since the icons are vector (created with Shape Layers or Smart Objects), changing color takes two clicks:

1. Select the icon using the Move Tool (V)
2. In the top panel, find Fill and click the color square
3. Pick a new color from the palette — the icon recolor's instantly
4. For the stroke, change Stroke next to the fill

Alternative method: double-click the icon layer (if it is a Smart Object), change the color inside the opened document, save — and the color updates across all instances. This is useful when the same icon is used in multiple places in your layout.

To change the stroke weight, select the icon with the Path Selection Tool (A) and adjust the Stroke Weight value in the top panel. For thin icons, 1–2 px works well; for accent icons, go with 3–4 px.

Where to Use These Icons

400 icons is a versatile set suitable for many project types. I will list the most common scenarios and explain which icons from the set work best for each.

One set covers multiple project types at once. This saves not just time searching for icons but also money — no need to buy separate packs for a website, an app, and a presentation. Just download one archive and export the icons you need in the format that fits.

\u{201c}

There are three responses to a piece of design — yes, no, and WOW! Wow is the one to aim for. Icons are often the first WOW element a visitor notices.

Vector vs Raster: Why PSD with Vectors Wins

The main advantage of this set is the vector format. You can scale any icon to any resolution, and it will stay sharp. No blurring, no jagged edges, no pixel mush. Here is the comparison:

• Vector PSD icons: scale infinitely without loss, change color in seconds, take less space. One vector icon can serve both as a 16x16 favicon and a 1600x900 banner graphic.
• Raster PNG icons: blur when scaled up, require multiple sizes (16x16, 32x32, 64x64, 128x128), harder to recolor — often requiring re-saving each size separately.
• SVG icons: also vector, but not always convenient to edit directly in Photoshop without plugins. Plus SVG is not supported in some older email clients and CMS platforms.

In modern web design, vector icons have become the de facto standard. Google Material Design, Apple Human Interface Guidelines, Microsoft Fluent Design — all these systems use vector icons. Raster icons belong to the past, and every designer needs to know how to work with vector graphics.

Why PSD Format Is Still Relevant in 2026

Many beginners ask: why PSD when Figma and Sketch exist? A fair question, but it ignores several important factors. PSD is not just a file format — it is an industry standard supported by hundreds of applications and services. Figma and Sketch are great tools, but PSD has advantages that cannot be ignored.

First, compatibility. PSD files open not only in Photoshop but also in GIMP, Photopea, Affinity Photo, Corel PaintShop Pro, and even some online editors. You can send a PSD file to a designer, a developer, or a client, and it will open without issues. Figma or Sketch files do not work that way — the recipient needs the right tool.

Second, vector layers. Photoshop handles vector graphics excellently through Shape Layers. You get all the benefits of vector (scaling, editing, small file size) in a familiar environment with a rich toolset.

Third, the ecosystem. Photoshop supports extensions, plugins, actions, smart objects, and other tools that speed up icon work. For example, you can record an action that batch-exports all icons from PSD to PNG or SVG in under a minute.

How to Automate Icon Export from PSD

To avoid exporting each icon manually, use Photoshop's built-in image asset generator. Setup takes a minute:

1. Go to File → Export → Image Assets
2. Rename the icon layer with a format suffix, for example: icon.png
3. Photoshop will automatically create a PNG file next to your PSD
4. For multiple sizes, use suffixed names: icon200.png, icon.png 200%

This method works for any number of icons. If you have the PSD with 400 icons open, just rename the layers with the right suffixes — Photoshop generates all the files for you.

Optimizing Icons for the Web

Icons from a PSD set are typically a starting point for further processing. You can export them in different formats depending on the task. Each format has its strengths, and your choice depends on where the icons will be used.

For the web, the optimal format is SVG because:

• File sizes are tiny (often under 1 KB)
• They scale to any screen size without quality loss
• You can animate them with CSS and JavaScript
• Browsers render them perfectly on any display — from HD to 8K
• SVG icons are indexed by search engines

How to convert a PSD icon to SVG quickly without quality loss:

1. Open the PSD file in Photoshop
2. Right-click on the vector layer
3. Select Export As (or Quick Export as SVG)
4. In the format dropdown, choose SVG
5. Click Export — done

If you need PNG icons for places where SVG is not supported (some email clients, legacy CMS platforms), export them at a larger size. For Retina displays, the standard approach is to export at ×2 the target size. If an icon needs to appear at 24x24 px on screen, export a 48x48 px PNG.

Ctrl+Shift+Alt+W (Windows) or Cmd+Shift+Option+W (Mac) — the Export As hotkey in Photoshop.

When exporting for the web, pay attention to compression settings. Use PNG-8 for icons with few colors — this reduces file size by 50–70% without visible quality loss. For SVG, enable the Minify option if available to strip unnecessary whitespace and attributes from the code.

↓Download Preview (10 icons)0.5MB

Common Mistakes When Working with PSD Icons

Even experienced designers sometimes make mistakes with icons. Here are a few common problems and how to avoid them.

• Scaling smart objects without proportions. If you drag an icon corner without holding Shift, proportions break. Always use Shift when scaling, or set exact dimensions in the top panel.
• Rasterizing vector layers. Do not convert Shape Layers to regular layers unnecessarily. Once rasterized, the icon loses its vector properties and cannot be scaled without quality loss.
• Ignoring the pixel grid. Icons should snap to the Pixel Grid. Enable View → Show → Pixel Grid and make sure icon edges fall on whole pixels.
• Too many details. An icon is not an illustration. The simpler, the better. If an icon is not readable at 24x24 px, it has too many details. Simplify ruthlessly.

Icon Sizes: Which One to Choose for Different Tasks

There is no universal icon size for every scenario. Everything depends on the context. To save you from guessing, here is a table of standard sizes for different interface elements.

Thanks to the vector format of this set, you never have to hunt down each size separately. Just export the needed version from the PSD — the icon will be perfectly sharp at any size.

Frequently Asked Questions