2026-05-31 15:31:21
Submit your best icon designs (or creative use cases featuring Streamline icons) and get featured in our monthly showcase.
The icon design community never ceases to amaze us. Each month brings fresh creativity, and we’ll be back with more handpicked projects to spark your inspiration. ✨
Missed a past edition? Explore the Icon Spotlight posts.
2026-05-29 21:24:53
White icons live on dark backgrounds. And dark backgrounds are unforgiving. Thin strokes can fragment at small sizes, and light shapes tend to appear heavier than they actually are. What looks balanced in black can lose its proportion when flipped to white.
At Streamline, we have spent twelve years designing icon sets with a team of eight veteran designers. We have thought carefully about how every set behaves across backgrounds, sizes, and screen types. This guide shares what we have learned, and points you to the sets that work best in white.
White shapes appear larger than dark shapes of the same size. This is called the irradiation illusion, and it affects every icon you use in white.
Our eyes perceive light radiating outward from white shapes on dark backgrounds, which makes them look heavier than they actually are. A perfectly proportioned icon in black will look subtly bloated in white at the same size.
The sets that handle this well are built with slightly tighter shapes and more considered negative space. It's not obvious when you browse an icon library but you'll definitely notice it when it's in the UI.
Same icon in black on white vs white on dark, showing the weight difference
The style of your icon set matters more on dark backgrounds than anywhere else.
Line icons carry all their visual weight through open strokes. At larger sizes they hold up well. At 16px and below, those strokes can become too fragile to read clearly as white icons on dark backgrounds.
Solid icons use filled shapes. The fill maintains contrast at any size, which is why Google's Material Design recommends Solid as the preferred style for dark backgrounds. For navigation bars, buttons, and dense interfaces, Solid is the safer choice.
Line still works in the right context. At larger sizes, with a medium stroke weight, a good Line set can look elegant in white. The key is knowing where your icons will actually live before you commit to a style.
Core Line vs Core Solid, white on dark, at 16px and 24px
Stroke weight is one of the most important things to check before downloading a white icon set.
Thin strokes tend to disappear on dark backgrounds, especially at small sizes. Thick strokes can blur. Medium stroke weight is what holds up consistently across sizes and screen types. A good rule of thumb is to download a sample, drop it at 16px on your darkest background color, and see if the shapes still read clearly.
Most well-built icon sets use a default stroke of 1.5px to 2px at a 24x24px grid size. That range tends to work well for white icons across both OLED and LCD screens.
If your product lives on mobile, it is worth understanding how different screens affect white icons.
On OLED screens, each pixel switches off completely when displaying black. White icons sit against true black, which creates extreme contrast. Thin strokes feel this the most. On LCD screens, a backlight illuminates the entire panel, which means black is never fully black. The contrast is slightly softer.
Solid icons behave consistently across both screen types. If your audience is primarily on flagship smartphones, assume OLED.
Pure white (#FFFFFF) is rarely the best choice for white icons. It creates harsh contrast and can appear blurry on most screens, particularly on OLED. Off-white values like #E8E8E8 or white at 87% opacity tend to feel more refined and easier on the eye.
Opacity is also your best tool for hierarchy. Google's Material Design recommends 100% white for active icons and 50% for inactive ones. This creates a clear visual hierarchy without introducing a second color into your dark UI.
Streamline has over 120,000 free SVG icons available, and most pro sets have free PNG icons you can test right away. The full library is available on a subscription or one-time purchase.
These are our sets that work best as white icons, organized by use case.
Ultimate Bold is the workhorse white icon set for dark backgrounds. The shapes are solid and filled, which means they hold their visual weight in white at any size. The 24x24px grid gives each icon enough room to stay legible whether you are using it as a large hero icon or a small navigation element. It also covers an enormous range of concepts, so you are unlikely to find yourself missing an icon mid-project.
Download Ultimate Bold (Free, Pro)
Micro Solid was designed specifically for small sizes. It is built on a 10x10px grid, which is smaller than Core Solid at 14px and Ultimate Bold at 24px. That smaller grid means every stroke is there for a reason, with no room for decorative detail. In white, on a dark background, it stays legible at sizes where detail is hardest to maintain. It is the go-to white icon set for navigation bars, inline buttons, and any interface where space is tight.
Download Micro Solid (Free, Pro)
Sharp Solid is built entirely from geometric shapes. The Solid variant has strong visual weight, which in white translates to clear, confident shapes on dark backgrounds. If your product has a high-tech or brutalist visual language, Sharp Solid reads exceptionally well as a white icon set.
Download Sharp Solid (Free, Pro)
Core Solid is a timeless choice for white icons. It is built on a 14x14px grid with generous inner spacing, which keeps the icons legible even at small sizes. The shapes are stripped to their essentials, which means they work across almost any design context. If you are not sure which white icon set fits your project, Core Solid is a dependable starting point.
Download Core Solid (Free, Pro)
Plump Solid was inspired by animated cartoons. The shapes are chunky with subtle curves, which gives the icons a warm and approachable character. In white, those shapes stay legible at larger display sizes. It works well for consumer apps, onboarding screens, and marketing pages where the tone needs to feel welcoming.
Download Plump Solid (Free, Pro)
Sharp Neon was designed specifically for dark interfaces. The geometric shapes are strong and precise, and they hold up well as white icons even though the set is built around color by default. If your dark UI calls for a modern, high-contrast feel, the underlying shapes make Sharp Neon a strong white icon option worth exploring.
Download Sharp Neon (Free, Pro)
Stickies Duo has a playful character that translates well to white icons at larger display sizes. It is less suited to dense UI, but for feature sections, landing pages, and marketing content where personality is part of the design, it is a strong choice in white.
Download Stickies Duo (Free, Pro)
Material Pro Outlined Fill follows Google's Material Design system. We redrew every icon from scratch to improve consistency and add thousands of concepts missing from the original set. The filled variant holds up cleanly as white icons and integrates naturally for designers already working within Google's Material Design system.
Download Material Pro Outlined Fill (Free, Pro)
Nova Solid sits between Streamline and Material in its design language. Because the icons have no padding, they appear larger than equivalent sets at the same grid size. In white, that larger visual presence works well for hero sections, onboarding flows, and anywhere white icons need to make a strong impression at display size.
Download Nova Solid (Free, Pro)
Kameleon Colors is built around flat, solid shapes. When used as white icons on a dark background, that solid construction holds up cleanly. It is a good option for brands with a bold visual identity that need a monochrome white version for dark backgrounds.
Download Kameleon Colors (Free, Pro)
Before committing to a white icon set, run through these:
Thanks for reading!
2026-05-28 01:07:07
Expert is an icon decision tool for designers and developers working in the Streamline library. Describe what you're building. Expert returns a family that fits, with reasoning you can defend to your team. The decision-making part of icon work moves faster, and you stay focused on the work that actually moves the product forward.
Keyword search works well when the right word comes to you. Icon decisions often start before a word forms. You might already have a feeling about how the product should land and an audience in mind. Sometimes that is hard to turning into a search query.
Just describe a product context. Expert returns a recommendation. When you're stuck between two families, Expert weighs the tradeoffs in your situation and gives you a verdict in one turn. A brand reference can also be the starting point, and Expert finds the closest Streamline family to match it. Each prompt covers ground that used to take rounds of trial and error.
Expert handles six kinds of icon work.Each one solves a different problem.
Tell Expert about your product. Get a family that fits, with reasoning you can take to a team meeting.
"What icon family fits a cybersecurity SaaS?"
"Icons for a trustworthy fintech onboarding."
"Playful but professional dashboard style."
You need a specific icon. You want it to feel native to your existing system.
"I need a notification icon that works with Streamline Sharp. But not necessarily from Sharp families"
"Find me a settings icon that feels approachable, not technical."
A prompt like "trust without using a shield" opens up real options. Expert might suggest a handshake. Or a signed document with a soft outline. Each one carries the idea of trust through a different shape, and Expert picks the version that suits your product instead of the most common one.
When literal icons aren't working, switch to feeling. Describe what users should feel when they see the icon, and Expert finds the shape to match.
"Icons that feel like trust without using a shield."
"Icons for the feeling of starting fresh."
"Visual metaphors for community that aren't just two people standing next to each other."
You're stuck between two directions. Ask for a head-to-head. Expert explains the tradeoff in your context. You get an answer, instead of two descriptions side by side.
"Compare Streamline Sharp vs Streamline Rounded for a consumer mobile app."
"What's the difference between Core Line and Sharp Line for a B2B dashboard?"
You need to see the same concept across two families before committing. Expert pulls them up next to each other so you can compare the geometry directly.
"Compare menu, notification, and database icons from Core Line and Sharp side by side."
You have a visual benchmark in mind. The hard part is finding the Streamline family that resembles it. This is useful for design system constraints, or for working from a brand you're inspired by.
"Icons style like Airbnb."
"Icons that work with Streamline Core."
This category also unlocks finding families that look good together. Sets that pair well when you need different layers in one UI without things clashing.
Expert is only as sharp as the context you give it. Two rules cover most of what makes a prompt land well, and getting them right means fewer back-and-forth turns to your answer.
A category name alone doesn't carry enough signal. What matters most is who the audience is and how the product should feel when they use it. The same product type with different audiences needs different visual languages. A mental health app for teens looks nothing like one for clinicians. A fintech app for first-time investors looks nothing like one for professional traders. The more product context you give, the closer the recommendation lands on the first try.
Less useful: "icons for a health app"
More useful: "icons for a mental health journaling app, soft and private-feeling, not clinical"
The first prompt could mean anything from a hospital system to a fitness tracker. The second tells Expert who the user is and what the app should feel like.
Early in a project, the direction is still forming. That's the right time to ask Expert what's available before locking in specific icons.
Stage 1 (Broad): "What icon styles work for a wellness product? What are my options?"
Stage 2 (Comparison): "Between Flex and Material Rounded, which fits a wellness app for women in their 30s?"
Stage 3 (Specific): "From Flex, give me icons for: onboarding, profile, journaling, mood tracking, settings."
Each stage builds on the last. By the time you're picking specific icons, Expert already knows what you're building and who it's for. The answers get sharper at every step.Only three prompts might help you cover what browsing alone would take a long time to surface.
Icon decisions feel small until they aren't. Get them right at the start and the rest of the product work picks up speed, because nothing has to come back to be fixed later.
Use Expert when you want a recommendation that holds up to a team meeting, or when you need someone to actually decide between two families. Describe your interface and Expert gives you back the right visual system. Use the time you save on the parts of the product that actually need it.
Streamline Expert helps you move from “What should we use?” to a confident icon direction faster. Describe your product, compare families, and get recommendations made for your interface.
2026-05-05 01:24:03
Submit your best icon designs (or creative use cases featuring Streamline icons) and get featured in our monthly showcase.
The icon design community never ceases to amaze us. Each month brings fresh creativity, and we’ll be back with more handpicked projects to spark your inspiration. ✨
Missed a past edition? Explore the Icon Spotlight posts.
2026-04-07 21:07:05
This month, Streamline has lots of updates for you
🧩 Larger icon sets
🎨 Icon improvements
🗳️ Vote for new sets (Guidance, Pixel or Flow)
📉 A nice pricing update to API and MCP server
Core is the Helvetica of icons. It's neutral, timeless, and an interface workhorse. Each of the eight families in Core have 5,615 icons each.
The Line variant offers a clean, minimalist approach with consistent line weights.
Whereas the Solid variant is useful for more impactful use cases. Both remain legible even at small sizes.
Flex is an elegant icon style, that was inspired by nature's curves. It's not as neutral as Core, nor is it as cute as Plump. Flex also has 5,615 icons across 8 styles.
Sharp combines pure geometry and bold structure for a brutalist, high-tech feel. It’s raw, trendy, and unapologetic. It pairs best with typefaces that have strong construction, such as Futura, Gill Sans, or Space Mono.
We've added 1,200 icons to Sharp too.
100% cute and playful. Features subtle curves and chunky shapes inspired by animated cartoons. Recommended for friendly brands.
We've added lots of icons to Plump too.
As a set grows, older icons need to be revisited and harmonized. See how a single 'Jester' icon was redesigned to give it more character.
We're thinking of developing one of these 3 sets. Please help us choose which one would you much rather use?
A) Streamline Flow: A friendly, illustrative family. It comes with a monochome version that is easy to customize colors.
B) Pixel Icons: Pixel will bring you back to the 80s. This nostalgic free collection infuses designs with retro charm and pixel art aesthetic. We'll expand our existing Pixel icon set.
C) Guidance Icons: Elevated icons, with a smooth curves, concave lines, and stylized shapes. These icons are a work of art.
Existing subscriptions now includes access to icons, illustrations, and elements via both the Public API and the MCP server. It will no longer require a separate subscription.
Streamline Drop is available in our Mac Desktop app. It lives in your menu bar. Simply click, search, and drop.
Thanks for choosing Streamline! If you have any feedback, suggestions or ideas for us, please reply to this email. We'd love to hear!
2026-03-31 22:52:10
Submit your best icon designs (or creative use cases featuring Streamline icons) and get featured in our monthly showcase.
The icon design community never ceases to amaze us. Each month brings fresh creativity, and we’ll be back with more handpicked projects to spark your inspiration. ✨
Missed a past edition? Explore the Icon Spotlight posts.
