Interface Essential

Money Business

Computer Coding

Map Travel

Phone

Images Audio

Shopping

Building Construction

Work Office

Entertainment

School Science

Food Drink

Users People

Health

Ecology

Family

Sport

Culture

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

Rounded Fill - Streamline Material

360 Fill

Maps

Sharp Fill - Streamline Material

123 Fill

UI Actions

Outlined Fill - Streamline Material

Font Awesome Solid

Fill

solid2

Rounded Fill - Material Symbols

Outlined Fill - Material Symbols

Sharp Fill - Material Symbols

Format Color Fill Fill

Text Formatting

Screwdriver Fill

Home

Wash Fill

Household

Accessible Fill

Common Actions

Ios Fill

Android

Send Fill

Communication

Artist Fill

Audio Video

Badge Fill

Privacy Security

Core Pop

Fill And Sign

Files Folders

Outlined Fill - Streamline Material Free

Density Medium Fill

Fill And Sign Fill

Diamond Ring Fill

Business Payments

Info Fill

Favorite Fill

Ultimate Regular

Fill Bucket

Table Tools

Home Fill 1

Car Repair Fill

Travel

Star Fill

Allergens Gluten Fill

Rounded Fill - Streamline Material Free

Expand Content Fill

Ultimate Light

Factory Automated Bottle Fill

Factory

Play Circle Fill

Supervisor Account Fill

Search Fill

Arrow Circle Right Fill

Arrows

Settings Help Fill

Plump Solid - Free

Check Circle Fill

Electrical Services Fill

Edit Pdf Fill

PDF Action

Rounded Line - Streamline Material

Format Color Fill

Airpods Fill

Published With Changes Fill

Mobile Payment Coin Fill

<p>Streamline Vault. Kameleon Duo features dual-tone flat icons in bright colors for friendly, accessible interfaces.</p>

Kameleon Duo

<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

Fill Heart

Romance

Fill Heart icon - Kameleon Duo Set

Download Fill Heart SVG vector or transparent PNG icon in Creative, Flat style(s) for Sketch and Figma. It belongs to Kameleon Duo vectors SVG collection.