User Interface Icon Pack
Last Updated on August 29, 2026 by Editorial Team
Very nice looking UI icon pack created by Polary. The freebie contains one .sketch file with 100 user interface icons.
This User Interface Icon Pack is built around a single visual idea: the browser window. Almost every icon sits inside a small frame topped with three dots, the universal shorthand for a browser tab or app window, which instantly ties the whole set to web and product design work rather than generic app icons.
The style is clean two-tone line art, drawn in a soft cornflower blue with a lighter tint used for fills and shading. That consistency in stroke weight, corner radius, and color makes the 100 icons feel like they were designed as one cohesive family, not stitched together from different sources.
Look closely and you can see this pack is really a visual glossary of interface concepts: typography controls (T, Tt, strikethrough S), text alignment and indentation, grid and column layouts, image placeholders, upload and download arrows, sliders, pagination dots, a 404 icon, a cloud icon, video play buttons, and even a little Sketch app icon rendered in full color as a nod to the file format.
That range makes it far more useful than a typical icon set built for marketing sites or social apps.
Where This Icon Set Comes In Handy
Because so many icons depict actual UI patterns rather than abstract objects, this pack earns its keep in wireframes, UX documentation, and product design decks.
Use the grid, column, and layout icons when you are sketching page structures or explaining a design system to stakeholders.
The typography and alignment icons slot naturally into a text editor toolbar, a CMS interface, or a settings panel mockup.
- Wireframes and low-fidelity prototypes that need placeholder UI glyphs
- Admin dashboards, CMS backends, and settings screens
- Style guides and design system documentation
- Presentation decks explaining a website or app’s structure
- Empty states, 404 pages, and onboarding screens
The browser-window framing also makes these icons a good fit for anything related to web builders, page editors, or SaaS dashboards where you need to represent “screens” or “views” rather than standalone actions.
Editing the Icons in a Sketch File
Since the pack comes as a single Sketch file, everything is likely organized as vector shapes you can select, recolor, and resize without quality loss.
Swapping the blue for your own brand color is usually the fastest way to make the set feel native to a project; select the strokes and fills and apply a new color to the whole group at once rather than icon by icon.
If you only need the glyph without its browser-window frame, most of these icons are built in layers, so you can isolate the inner symbol and drop the window chrome when a plain icon suits the layout better.
For dashboards or dark interfaces, try inverting the palette to a light stroke on a dark fill so the icons keep their two-tone character while matching a darker UI.
Because the icons share consistent padding and proportions, they align cleanly on a grid once exported, which makes it easy to drop them straight into toolbars, sidebars, or card layouts without extra spacing adjustments.
Pair this set with a simple sans-serif interface font and plenty of white space, and the icons will read clearly at small sizes, which is exactly the context they were designed for.
