Free Outline Icons
Last Updated on July 29, 2026 by Editorial Team
Don’t miss to grab these clean, lovely, and free 12 outline icons designed and shared by Taro Huang.
Look closely at this set and you can see the same hand and the same ruleset applied to every glyph: a consistent stroke weight, rounded corners on the containers, and a soft grayish-purple line color that keeps the icons friendly rather than sharp or technical.
Nothing here is filled in solid black. Every icon is built from open outlines, which gives the whole set a light, airy feel that works well on white or very pale backgrounds.
That restraint is what makes this free outline icon set useful beyond a quick preview. The list, coupon, notice, and date icons are drawn as small cards or tickets rather than plain symbols, which gives them a bit more personality than the generic line icons you find in most UI kits.
The category icon, built from four petal shapes, and the hourglass-style filter icon both show a willingness to interpret a concept visually instead of defaulting to the obvious pictogram, which is a nice touch for anyone tired of seeing the same funnel-shaped filter icon everywhere.
Where This Icon Set Fits
This is a mobile app icon set at heart. The coupon, notice, mine, message, and settings icons map directly onto the tab bars and menu screens you’d build for an e-commerce app, a loyalty program, or a social platform.
The video and camera icons suit media upload buttons or content-sharing features, while the gift icon is a natural fit for referral programs, rewards sections, or promotional banners.
Because the style is so clean and neutral, the set also works outside of app design:
- Wireframes and low-fidelity prototypes where you need placeholder icons that still look presentable
- Dashboard interfaces for settings, notifications, and category navigation
- Marketing pages that need small supporting icons next to feature descriptions
- Presentation decks where a consistent line-icon style adds polish without competing with content
If your product has a soft, approachable brand voice, these icons will slot in comfortably. Anything aiming for a heavier, more corporate or industrial look will probably want a bolder, filled icon style instead.
Adjusting the Icons to Match Your Project
Since every icon shares the same stroke weight and corner radius, the easiest edits are global ones. Select all the icons at once in your editor and adjust the stroke color first.
Swapping that muted purple-gray for your brand’s primary or accent color is usually enough to make the set feel custom rather than borrowed.
If you need the icons to sit inside colored buttons or dark navigation bars, invert the palette: keep the line work white or light gray and drop it onto a solid brand-colored background.
Because the strokes are open paths, resizing them is straightforward, but keep an eye on stroke weight as you scale. Shrinking these too far for something like a favicon can make the thin lines disappear or blur, so for very small placements it’s worth thickening the stroke slightly or simplifying details like the calendar’s date number.
When you need icons this set doesn’t include, use the existing ones as a style reference. Match the stroke width, the rounded corner treatment, and the general proportions of the container shapes so anything you add or commission blends in seamlessly.
Pairing these icons with a rounded sans-serif typeface will reinforce the friendly, approachable character already built into the linework, especially for labels sitting directly underneath each icon as shown in the preview.
