--- title: "16x16 Icon Sets - 16px Icons That Stay Legible" product: "Streamline Icons, Illustrations and Elements" url: /16x16-icons canonical_url: "https://design.streamlinehq.com/16x16-icons" summary: "4 icon families built for 16px: Micro (10px grid), Core (14px grid), Streamline Material, and Block. Download 16x16 icons as SVG, JSX, or PNG." --- # Icon sets that are legible at 16px > 4 icon families built for 16px: Micro (10px grid), Core (14px grid), Streamline Material, and Block. Download 16x16 icons as SVG, JSX, or PNG. - **URL**: https://design.streamlinehq.com/16x16-icons --- * Micro, Core, Material, and Block render clearly at 16px * Free tier on every family, no card required * Download as SVG or JSX at 16px and for PNG, export and scale down to avoid blurry results [Browse 16px icon sets](https://www.streamlinehq.com/) ## Use 16x16 icons in three steps ### Find your 16px icon Search across Micro, Core, Streamline Material, and Block. All families share categories. ### Download as SVG, JSX, or PNG Export a scalable SVG or a ready-to-use JSX component. For PNG, export at a high resolution like 400px and resize down in your design tool. Exporting at 16px directly produces blurry results. ### Drop into your interface Works in Figma, VS Code, React, or any tool that accepts SVG. Stroke thickness is adjustable on all Line icons. ## Micro icon sets Line and Solid. Two styles, one tiny 10px grid. * **Micro Line**: [200 free icons](https://www.streamlinehq.com/icons/micro-line-free), [2,035 pro icons](https://www.streamlinehq.com/icons/micro-line) * **Micro Solid**: [200 free icons](https://www.streamlinehq.com/icons/micro-solid-free), [2,035 pro icons](https://www.streamlinehq.com/icons/micro-solid) ## Where Micro icons show their full potential ### Workflow diagrams and pitch decks Micro icons are perfect for inline text, small navigation buttons, and projects where you need icons to simply help communicate efficiently without drawing too much attention. In workflow diagrams, dense tables, and presentation slides, that restraint is the point. Icons that annotate rather than decorate. ### visionOS and spatial computing Micro icons are perfect for spatial computing interfaces where screen real estate is scarce and clarity at distance is critical. Minimum detail for maximum legibility, even when icons are tiny on an infinite canvas. ### Apple Watch and wearables Micro is a collection of icons specifically designed to excel on a very tiny scale, designed using simplified shapes to ensure legibility at the smallest possible sizes. That makes them ideal for wearables and any context where size is a hard constraint. ## Core icon sets 8 styles, one 14px grid. The Helvetica of icons. * **Core Line**: [998 free icons](https://www.streamlinehq.com/icons/core-line-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-line) * **Core Solid**: [998 free icons](https://www.streamlinehq.com/icons/core-solid-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-solid) * **Core Remix**: [998 free icons](https://www.streamlinehq.com/icons/core-remix-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-remix) * **Core Duo**: [998 free icons](https://www.streamlinehq.com/icons/core-duo-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-duo-color) * **Core Flat**: [998 free icons](https://www.streamlinehq.com/icons/core-flat-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-flat) * **Core Gradient**: [998 free icons](https://www.streamlinehq.com/icons/core-gradient-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-gradient) * **Core Neon**: [998 free icons](https://www.streamlinehq.com/icons/core-neon-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-neon) * **Core Pop**: [998 free icons](https://www.streamlinehq.com/icons/core-pop-free), [5,615 pro icons](https://www.streamlinehq.com/icons/core-pop-style) ## Where Core icons get used ### Mail toolbars, dashboards, and dense UIs Core icons work equally well in a sidebar, a dashboard, a mail toolbar, or inline in body text, on light and dark backgrounds alike. With 8 style variants built from the same grid, switching styles never means rebuilding your icon system. ### Sidebar navigation and interface buttons The Core icons are built on a small 14px grid, so they can be used at small size inside a text, as inline icons. Neutral and discrete, its simple construction and legible shapes make it the perfect choice for a neutral and functional design, built to disappear into the interface and let the content lead. ## Streamline Material icon sets Outlined, Rounded, Sharp. Line and Fill. Google Material, done right. * **Material Outlined Line**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-outlined-line-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-outlined-line) * **Material Outlined Fill**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-outlined-fill-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-outlined-fill) * **Material Rounded Line**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-rounded-line-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-rounded-line) * **Material Rounded Fill**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-rounded-fill-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-rounded-fill) * **Material Sharp Line**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-sharp-line-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-sharp-line) * **Material Sharp Fill**: [999 free icons](https://www.streamlinehq.com/icons/material-pro-sharp-fill-free), [5,181 pro icons](https://www.streamlinehq.com/icons/material-pro-sharp-fill) ## Why Streamline Material beats Google's original ### Google Material, rebuilt for legibility Google Material icons don't even follow their own geometry rules: off-balance strokes, vague shapes. Streamline Material redraws every icon from scratch with better balance between style and legibility, refined shapes that include just enough detail to stay instantly recognizable. The difference is subtle, until you notice it. Then it is impossible to ignore. ### 1,200 icons Google never made We've expanded Material Icons far beyond Google's limited set, adding essential icons in AI, business, security, multimedia, and more. Switch between Line and Fill across Outlined, Rounded, and Sharp. A clean line-to-fill hierarchy that works at 16px without changing icon concepts. ## Block icon set 300 free icons. Strict 16px Bauhaus geometry. One style. * **Block**: [300 free icons](https://www.streamlinehq.com/icons/blocks-bauhaus) ## Where Block icons work ### UI, packaging, editorial, signage Although Block is intended more specifically for UI, it is versatile enough to work in fields ranging from packaging to editorial design, including data visualization and signage. Neutral and timeless sans-serifs like Helvetica, Neue Haas Grotesk, or Geist pair naturally with the set's geometric precision. ### Purity of forms at 16px Block icons are built on a 16x16px grid with restrictive construction guidelines. Each icon is designed like a logo: a logical but unique grid built from simple geometric shapes. The result is a cohesive and minimalist aesthetic that reflects the timeless Bauhaus spirit of combining art and craft into harmonious and practical designs. ## Works in your tools * [Mac App](https://home.streamlinehq.com/plugins/download): Drag and drop icons directly into any app * [Figma](https://www.figma.com/community/plugin/852192486284901337): Browse and insert icons without leaving Figma * [Framer](https://www.framer.com/marketplace/plugins/core-icons-by-streamline/): Use icons natively in Framer projects * [Webflow](https://webflow.com/apps/detail/streamline-icons): Add icons directly to Webflow sites * [VS Code](https://marketplace.visualstudio.com/items?itemName=streamline.streamline-icons): Insert icons as SVG or JSX in editors * [Lucid](https://lucid.co/marketplace/01f05f6d/streamline-icons-illustrations-emojis-and-elements): Add icons to your Lucidchart diagrams * [Miro](https://miro.com/marketplace/streamline/): Drop icons into your Miro boards * [Adobe Express](https://adobesparkpost.app.link/TR9Mb7TXFLb?addOnId=w165n33k3): Use icons in Adobe Express projects ## Get all core and micro sets with Pro Free sets cover thousands of icons. Pro unlocks the full library across every family. ### Free: $0 * 109,582 icons * Mandatory attribution * All plugins, web app, MCP and API (limited) * Adjust size, color and format [Get started](https://www.streamlinehq.com/free) ### Pro subscription: $19 per month * 333,032 pro icons on top * Full resolution PNG exports * 58 pro sets in 11 families * All plugins, web app, MCP and API * Pay monthly or yearly [Get Pro](https://www.streamlinehq.com/pricing) ### One-time purchase: Lifetime * Buy once, own forever * Future assets included * All source files as a ZIP * All plugins, web app, MCP and API * No renewal fees [Get Lifetime](https://www.streamlinehq.com/lifetime) ## Why grid size matters for 16x16 icons When an icon is drawn on a 24px grid but rendered as a 16px icon, the shapes scale down by 33%. Thin strokes collapse, rounded corners merge into blobs, and fine details disappear into anti-aliasing. The icon still shows up. It just does not read. This is the core problem with using a standard 24px icon set at 16px. Core and Micro solve this at the source. Every Core icon was built on a 14x14px grid, which allowed the team to keep shapes simple and focus on legibility. Micro uses a 10x10px grid, the smallest grid ever seen in a commercial icon set, to avoid using unnecessary details. The result is 16px icons that stay clear and readable with no tweaking required. ## Free 16x16 icons and how to download them Every family on this page has a free 16px icon tier. Core includes 998 free icons per style. Micro has 200 free icons. Streamline Material has 999 free icons per style. Block is entirely free at 300 icons. No card required to browse or download the free tier. To download a 16x16 icon, open any icon in the Streamline app and pick your format. SVG scales to any size and stays sharp at 16px. For a 16x16 PNG, export at 400px and resize down to avoid blurry results. JSX exports are available for React and component-based workflows. All formats are included in every free and pro plan. ## Frequently asked questions Quick answers to common questions about 16px icons. ### What is a 16x16 icon? A 16x16 icon (also written 16\*16 icon or 16px icon) is an icon displayed at 16 pixels square. The term also refers to icons drawn on a small grid, typically 10px to 16px, where shapes and strokes are deliberately simplified to stay legible at that size. [Core](https://www.streamlinehq.com/icons/core-sets) (14px grid) and [Micro](https://www.streamlinehq.com/icons/micro) (10px grid) are both purpose-built for this. ### Which 16px icon set is right for my project? [Micro](https://www.streamlinehq.com/icons/micro) (10px grid) is for the absolute smallest contexts: inline text, tiny nav buttons, wearables, visionOS. [Core](https://www.streamlinehq.com/icons/core-sets) (14px grid) offers 8 style variants and is the most versatile everyday choice for interface design. [Streamline Material](https://www.streamlinehq.com/icons/material-pro) targets 16-32px with a familiar Material vocabulary and a clean line-to-fill hierarchy across Outlined, Rounded, and Sharp. [Block](https://www.streamlinehq.com/icons/blocks-bauhaus) uses a strict 16px Bauhaus grid with bold geometric shapes for UIs that need a distinct visual register. ### How do I download 16x16 PNG icons? SVG is the better choice: it scales to any size without losing quality, including 16px, and works in Figma, code, and most design tools. If you need a PNG, do not export at 16px directly -- the result will be blurry. Instead, export at a higher resolution like 400px, then resize down to 16x16 in a tool like Canva, Figma, or your image editor. Resizing a high-res PNG down preserves sharpness in a way that a native 16px export cannot. ### Are these 16px icon sets free? Yes. [Core](https://www.streamlinehq.com/icons/core-sets) has 998 free icons per style, [Micro](https://www.streamlinehq.com/icons/micro) has 200, [Streamline Material](https://www.streamlinehq.com/icons/material-pro) has 999, and [Block](https://www.streamlinehq.com/icons/blocks-bauhaus) is entirely free (300 icons). No card required. Pro unlocks the full libraries: 5,600+ Core icons per style, 2,000+ Micro per style, and 5,181 Streamline Material icons per style.