Activities

Android

Arrows

Audio Video

Business Payments

Common Actions

Communication

Hardware

Home

Household

Maps

Photo Image

Privacy Security

Social

Text Formatting

Transportation

Travel

UI Actions

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

Majesticons Solid

Creditcard

All Icons

Core Pop

Credit Card 1

Creditcard Plus

Creditcard Hand

Core Line

Plump Line

Majesticons Line

Creditcard Line

Core Flat - Free

Money Shopping

Sharp Line

Ultimate Duotone

Credit Card Payments

Credit Card

Core Solid

Ultimate Regular

Ultimate Bold

Credit Card 1 Alternate

Creditcard Hand Line

Creditcard Plus Line

Core Duo

Credit Card Cut

Flex Pop

Credit Card 4

Credit Card History

Flex Solid

Credit Card Sync

Plump Solid

Credit Card Lock

Plump Neon

Plump Duo

Core Neon

Credit Card Add

Core Remix

Sharp Pop

Credit Card Control

Rounded Fill - Streamline Material Free

Credit Card Off Fill

Cyber Line

Credit Card 2

Credit Card Payment

Cyber Duotone

Flex Neon

Flex Gradient

Sharp Remix

Flex Line

Credit Card Tear

Sharp Neon

Ultimate Bold - Free

Money Payments Finance

Ultimate Colors - Free

Credit Card Alert

Cyber Line - Free

Credit Card Visa

Money Business

Core Gradient

Credit Card Shield

Credit Card Disable

Sharp Flat

Credit Card Remove

Sharp Duo

Flex Flat

<p>[Free] This is the improved version of Google’s Material Rounded Line Icons. Every icon is redrawn using the Material Design Guidelines, but fixed where they fell short. You get more coverage and better consistency. The difference is subtle, until you notice it. Then it is impossible to ignore.</p>

Rounded Line - Streamline Material Free

<p>Everything you love about Material, without the flaws. We fixed inconsistencies, expanded the library, and rebuilt it for total coverage.</p>

   ### **one sentence positioning**

   The Material Design icon vocabulary expanded — ~31,000 icons across six interchangeable styles built to scale beyond what Google's own library covers.

---

   ### **what it signals**

   Familiarity, clarity, structured neutrality, material ecosystem alignment.

---

   ### **best fit when**

   - the product already uses Material Design patterns and needs far broader icon coverage
   - switching between outlined, rounded, and sharp tone without changing the underlying language is a design system requirement
   - avoiding patchwork from multiple icon sources across large product teams

---

   ### **avoid when**

   - a distinct non-material visual identity is the goal
   - hand-drawn warmth or highly expressive brand visuals are required
   - the UI language is intentionally non-material and the association would create confusion

---

   ### **core visual rules**

   - geometry: clean geometry, 24px grid discipline, consistent stroke weight across all six styles
   - terminals: varies by style — rounded for Rounded variants, flat for Outlined and Sharp
   - corner language: three corner modes — Outlined (neutral), Rounded (soft), Sharp (crisp); each available in line and fill
   - curves: mathematical arcs, disciplined spacing, simplified internal structure
   - detail density: low to medium
   - silhouette: stable, disciplined proportions, strong symbol hierarchy consistent across categories
   - emotional tension: low — neutral by design; the style variants handle tone, not the geometry

---

   ### **variants and hierarchy**

   Outlined Line

   - The most neutral sub-style; standard UI controls, dense layouts, close to Google's baseline Material icon set

   Outlined Fill

   - Solid fills with outlined detail; active states and emphasis within a neutral palette

   Rounded Line

   - Softened geometry with rounded terminals; slightly warmer register while remaining Material-compatible

   Rounded Fill

   - Rounded solid fills; mobile navigation and primary actions in consumer-facing Material products

   Sharp Line

   - Crisp, squared-off geometry; enterprise, developer tools, and technical products using Material conventions

   Sharp Fill

   - Sharp solid fills; the highest-contrast Material sub-style; strong hierarchy in dense or dark layouts

   **line/solid pairing rule** All six styles share the same underlying symbol vocabulary — switch between line and fill for hierarchy within a style, and between Outlined / Rounded / Sharp for tonal adjustment. The three corner modes are interchangeable without visual inconsistency because all share the 24px grid and symbol logic.

---

   ### **small-size behavior**

   - recommended minimum size: 16px
   - best range: 16–32px
   - notes: Tuned for dense interfaces where scanning speed matters — the simplified internal structure holds at 16px better than more detailed families.

---

   ### **motion behavior**

   - strengths: stable scaling, predictable morph paths — the symbol vocabulary is consistent enough that line-to-fill transitions read as the same icon at different weights
   - ideal motion contexts: tab bar state transitions, toolbar hover feedback, loading indicators, navigation pushes in Material-pattern products

---

   ### **typography pairing**

   Native Material feel

   - Roboto, Roboto Flex, Noto Sans

   Modern product UI default

   - Inter, SF Pro, IBM Plex Sans, Source Sans 3

   Geometric crisp tone

   - Manrope, Space Grotesk, Sora, Plus Jakarta Sans

   Enterprise-neutral polished

   - Helvetica Now, Neue Haas Grotesk, Aktiv Grotesk, Univers, Söhne

   Developer-facing contexts

   - Pair any UI font with: IBM Plex Mono, JetBrains Mono, Source Code Pro, Roboto Mono

   **type alignment rule** Align type with icon tone — Rounded styles pair well with slightly rounder UI sans; Sharp styles pair with rigid grotesks; Outlined is most neutral and tolerant of any pairing. Test at real UI sizes (16–24px).

   **typefaces to avoid** Handwritten scripts, decorative display fonts, highly humanist serif faces at body weight — any type with strong personality overrides the deliberate neutrality of the Material vocabulary.

---

   ### **mixing guidance**

   Recommended with

   - Micro — use Micro as the density layer for tables and inline actions while Streamline Material handles primary navigation
   - Nova — both share Material familiarity; separate by product section if mixing is necessary

   Possible with normalization

   - Core — compatible neutral geometry; isolate to separate product surfaces
   - Ultimate — nearly identical purpose; keep one family per product layer

   Avoid mixing with

   - Freehand — hand-drawn organics contradict Material precision
   - Cyber — straight-line-only construction is incompatible with Material's concept-appropriate geometry
   - Plump — inflated cartoon proportions conflict with the disciplined Material vocabulary

   **normalization rules when mixing**

   - avoid mixing Streamline Material with non-material families inside the same primary UI components
   - if needed, isolate by surface — product UI in Streamline Material, marketing or editorial in another
   - keep tone consistent (Rounded vs Sharp) across a single UI layer — never mix corner modes within the same navigation or toolbar

---

   ### **primary use cases**

   - products already using Material Design patterns needing far broader icon coverage
   - growing SaaS and mobile products avoiding multiple icon sources across teams
   - dashboards, admin panels, and mobile apps with Material conventions
   - modern product categories: AI, security, data tooling, cloud platforms
   - design systems requiring interchangeable tone-switching (Outlined / Rounded / Sharp)

---

   ### **secondary use cases**

   - fintech and payment products on Android or cross-platform
   - developer tools and cloud infrastructure products
   - productivity and collaboration software with Material lineage
   - marketplaces, logistics, and education platforms with complex navigation

Credit Card Off

Credit Card Off icon - Rounded Line - Streamline Material Free Set

Download Credit Card Off SVG vector or transparent PNG icon in Line style(s) for Sketch and Figma. It belongs to Rounded Line - Streamline Material Free vectors SVG collection.