Interface Essential

Commerce

Leisure

Technology

Wellness

Arrows

Streamline 3.0

Ultimate

Core

Flex

Sharp

Plump

Micro

Freehand

Streamline Material

Nova

Cyber

Streamline Vault

Logos

Pixel

Google Material

Tabler

Remix

Feather

Iconoir

Carbon

Solar

Lucide

Brand Logos

Bootstrap

Atlas

Unicons

Ionic Icons

Phosphor

MingCute

Font Awesome

Majesticons

Mynaui

Radix

Heroicons

Flagpack

Block – Free

Code

Programming

Rounded Line - Streamline Material

Common Actions

Outlined Line - Streamline Material

Sharp Line - Streamline Material

Core Pop

Programming Code Off Disabled No Code

Script

Core Duo

Flex Line

Plump Duo

Sharp Line

Flex Pop

Stickies Duo - Free

Qr Code

Email Phone

Stickies Duo

Plump Solid

Cashier

Qr Code Scan 1

QR Code

Code Blocks

Code Fork

UI Actions

Nova Line

File Code

Coding Files

Code Monitor

Plump Remix

Business Payments

Source Code

Stickies Colors - Free

Sharp Remix

Code Block

Sharp Pop

Code Bracket

Sharp Solid

Flex Pop - Free

Code Monitor 1

Core Flat

Plump Flat

Sharp Gradient

Flex Duo

Browser Code 2

Browser

Micro Line

Browser Code 1

Sharp Flat - Free

Share Code

File Code 2

Nova Solid

File Code 1

User Code 1

Users

Ultimate Bold

Helmet Code

Factory

Ultimate Duotone

Flex Solid

Folder Code

Folders

Flex Duo - Free

Sharp Duo

<p>[Free + Open-source] Block icons are inspired by Bauhaus design principles. The free version offers geometric, minimalist icon designs. Licensed under the Creative Commons - CC BY 4.0</p>

<p>Streamline Vault holds hidden gems: Guidance for signage, Platinum for luxury ecommerce, Block for Bauhaus design, Stickies for fun, Kameleon for flat color, Nasty for… well, you’ll see… and more.</p>

   ### **one sentence positioning**

   Eight specialist sets sold separately from the main Streamline families, each covering a domain that general-purpose UI families do not — from wayfinding pictograms to luxury ecommerce, Bauhaus solid fills, sticker aesthetics, flat illustration, adult brand-content, letterforms, and iOS app mockups.

---

   ### **what it signals**

   Specialist depth, curated purpose, domain-specific visual excellence.

---

   ### **best fit when**

   - the primary UI icon system is already chosen and a specialist layer is needed alongside it
   - a specific domain requires coverage that primary families do not address
   - free commercial licensing is a project requirement — four of the eight sets are CC BY 4.0

---

   ### **avoid when**

   - a general-purpose UI navigation system is what the product needs — these sets are specialists, not infrastructure
   - visual consistency across all icon contexts is required — the eight sets span different visual registers and cannot be used interchangeably

---

   ### **core visual rules**

   Each set has its own distinct construction rules. The unifying principle is purpose over style — every set is designed to do one thing well, not to cover everything. Common properties across the group:

   - geometry: ranges from strict geometric (Block) to organic cartoon (Nasty) — no shared language
   - detail density: low to medium across all sets
   - deployment: all sets are designed for display-size or context-specific use, not dense small-size UI chrome

---

   ### **variants and hierarchy**

   The eight Vault sets each serve a distinct scope and visual register:

   Guidance (free · CC BY 4.0)

   - 1px line, 24px grid, ~366 icons — isotype wayfinding pictograms (restroom, accessibility, arrows, elevator); designed for signage and public legibility, not UI navigation

   Platinum

   - 1px line, 24px grid, ~279 icons — luxury ecommerce vocabulary (bags, baskets, wishlist, payment); hairline restraint as a deliberate brand signal for premium DTC brands

   Block (free · CC BY 4.0)

   - Solid opaque fills, 16px grid, ~300 icons — Bauhaus geometric solids for maximum density; fully opaque fills with no cutouts; native dark mode

   iOS 14

   - Multi-color flat fills, 24px grid, ~88 icons — named iOS app icon replicas in squircle containers; mockup and marketing resource, not functional UI icons

   Stickies — Duo and Colors

   - 1px outline + organic blob fill, 40px grid, ~463 icons per sub-style — physical sticker aesthetic with three-layer gloss construction; consumer delight at display sizes

   Kameleon — Colors, Duo, and Pop

   - Flat illustration fills, 48px grid, ~1,378 icons per sub-style — multi-element flat illustration inside perfect circular containers; display-size consumer marketing vocabulary

   Nasty (free · CC BY 4.0)

   - 1px variable cartoon line, 30px grid, ~45 icons — transgressive dark-humour cartoon illustrations for adult irreverent brands; adult content warning applies

   Typeface (free · CC BY 4.0)

   - 1px monolinear, 14px grid, 36 glyphs — uppercase A–Z and 0–9 as icon-weight vector letterforms; companion resource for Streamline's rounded families

   **line/solid pairing rule** Not applicable at the Vault level — each set has its own internal variant logic where applicable. See individual set descriptions above.

---

   ### **small-size behavior**

   - recommended minimum size: varies by set — see individual set descriptions above
   - best range: varies by set — see individual set descriptions above
   - notes: most Vault sets are designed for display sizes (32px+) rather than dense small-size UI; Block is the only Vault set optimised for minimum sizes (14px+)

   Guidance — min 28px · best 28–96px Platinum — min 20px · best 24–48px Block — min 14px · best 14–24px iOS 14 — min 32px · best 48–96px Stickies — min 24px · best 28–64px Kameleon — min 32px · best 40–96px Nasty — min 32px · best 48–96px Typeface — min 14px · best 16–48px

---

   ### **motion behavior**

   - strengths: varies — Block and Guidance have the most stable animations (simple fills / line work); Stickies and Kameleon translate well to spring and elastic animations at display sizes
   - ideal motion contexts: Stickies — gamification rewards and achievement unlocks; Kameleon — feature reveal and category filtering; Block — compact status indicator transitions; Guidance — wayfinding direction transitions

---

   ### **typography pairing**

   Varies by set. High-level guidance:

   Institutional / wayfinding (Guidance)

   - Inter, Roboto, Helvetica Neue, Frutiger, Aktiv Grotesk

   Luxury editorial (Platinum)

   - Cormorant Garamond, Söhne, Plus Jakarta Sans Light, Neue Haas Grotesk Light

   Bauhaus geometric (Block)

   - IBM Plex Sans, Barlow Condensed, Neue Haas Grotesk, Space Grotesk

   Consumer warm (Stickies, Kameleon)

   - Nunito, Fredoka, Poppins, DM Sans

   Irreverent / dark (Nasty)

   - Permanent Marker, Bebas Neue, Helvetica Neue (for ironic contrast)

   **type alignment rule** Match typography to the individual set's register — there is no single type recommendation that spans all eight sets. The visual DNA of each set determines the pairing logic.

   **typefaces to avoid** Mismatching registers — warm rounded fonts alongside Block's Bauhaus authority, or cold geometric sans alongside Stickies' sticker-culture energy, creates tonal incoherence.

---

   ### **mixing guidance**

   Recommended with

   - Any primary family as the main UI system — Vault sets are specialist supplements, not replacements

   Possible with normalization

   - Guidance alongside any primary family — strictly for wayfinding and accessibility contexts only
   - Typeface alongside Core, Flex, or Streamline 3.0 — matching monolinear rounded DNA makes integration seamless
   - Block alongside Sharp or Cyber — compatible technical authority register

   Avoid mixing with

   - Using Vault sets as general UI navigation icons — category error for all eight sets
   - Mixing multiple Vault sets in the same surface — each set has a strong distinct register that creates visual noise when combined

   **normalization rules when mixing**

   - Vault sets occupy a specialist functional layer; a primary UI family handles all navigation, chrome, and controls
   - keep each Vault set strictly within its intended context — Guidance for wayfinding, iOS 14 for mockups, Nasty for brand content
   - never place a Vault set alongside a primary family icon in the same component

---

   ### **primary use cases**

   - Guidance: venue navigation, accessibility documentation, civic and healthcare digital products
   - Platinum: luxury ecommerce, premium DTC brand marketing, editorial product pages
   - Block: data-dense developer tooling, compact status indicators, Bauhaus design identity systems
   - iOS 14: device mockup presentations, app store marketing, iOS tutorial content
   - Stickies: consumer onboarding, gamification rewards, youth-targeted app marketing
   - Kameleon: feature section illustration, consumer landing pages, social media marketing
   - Nasty: adult irreverent brand identity, Halloween campaigns, counter-culture brand content
   - Typeface: lettered category identifiers, step indicators, avatar initials in rounded Streamline systems

---

   ### **secondary use cases**

   - Guidance: print signage alongside digital deployment (CC BY 4.0 permits both)
   - Block: compact density modes in large enterprise design systems
   - Kameleon: investor pitch decks for consumer-facing products
   - Typeface: keyboard shortcut indicators, alphabetical navigation in directory interfaces

Icons with creative styles

Code icon - Block – Free Set

Download Code SVG vector or transparent PNG icon in Creative, Glyph, Geometric, Bold style(s) for Sketch and Figma. It belongs to Block – Free vectors SVG collection.