Adobe Product Icons
Last Updated on July 24, 2026 by Editorial Team
A nice set of icons containing icons for the following Adobe products: Lightroom, Illustrator, Photoshop, After Effects, Experience Design (Xd), Stock, Project Felix, and Behance.
Each product icon is available in multiple color variations: black on white, white on black, default color, stroked default, and fill default.
Crafted by Tyler Wain. Happy downloading!
Each mark in this set follows the same visual formula Adobe itself uses: a solid flat-colored square with a two-letter monogram cut out in a clean, geometric sans serif.
Be, Xd, Lr, St, Ai, Ps, Ae, Fe. That consistency is exactly why the set works so well as a system rather than a pile of separate logos.
In the preview, the black-on-white variation is what’s on display: white tiles, black lettering, soft drop shadow, evenly spaced in a grid. It reads as calm, professional, and instantly recognizable, which is the whole point of an app icon.
These icons earn their keep anywhere you need to reference specific Adobe software without typing out the full product name. Portfolio sites are the obvious fit, especially “tools I use” sections, about pages, or footers where designers list their software stack.
They also work well in resumes and case studies, where a small Ps or Ai badge next to a project description communicates workflow at a glance.
Course landing pages, YouTube thumbnails, blog posts about design software, and internal style guides for creative teams are all natural homes for this kind of icon.
If you run a design agency site or a freelance one-pager, dropping a row of these icons under a “skills” or “software” heading is a quick way to add visual credibility without writing more copy.
Working With the Color Variations
Having five color treatments per icon (black on white, white on black, default color, stroked default, and fill default) means you can match the icon set to almost any background without touching the artwork itself.
Use the black-on-white or white-on-black versions when you need the icons to sit quietly inside a text-heavy layout, like a résumé or a printed one-pager.
Save the default color versions, which carry each product’s actual brand hue, for places where you want the icons to pop, such as a hero section or a colorful portfolio grid.
The stroked and fill variations give you a lighter-weight option for dense layouts, like a toolbar mockup or a dashboard screen where a solid tile would feel too heavy.
When you drop these into your own file, keep the spacing between icons consistent, the way the preview grid does, so the row reads as one unified set rather than scattered logos.
If you’re placing them over a photo or textured background, add a subtle shadow or a plain backing shape behind each icon to keep the lettering legible, the same trick used in the preview’s soft-shadowed tiles.
Because every icon shares the same size and corner treatment, resizing the whole set proportionally is safer than nudging individual icons, which keeps the grid aligned when you scale it up for a banner or down for a favicon-style badge.
Pair these with your own product screenshots, UI kit elements, or a simple sans serif heading font and you have a clean, self-explanatory way to show which parts of the Adobe suite a project touched, whether that’s a single Ps badge on a photo retouching post or the full eight-icon lineup on a broader creative portfolio.
