<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>

Streamline Vault

   ### **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

Interface Essential

Basic UI

Content

Control Buttons

Other UI