Interface Essential

Computers Devices Electronics

Programming Apps Websites

Internet Network Servers

Business Products

Work Office

Shopping Ecommerce

Content

Design

Images Videos

Music Audio

Files Folders

Users

Emails

Phones Mobile Devices

Messages Chat

Rewards Rating

Travel

Food Drinks

Furnitures Tools

Clothes Footwear Accessories

Ecology Nature

Weather

Health Beauty

School Science

Culture Religion

Family Kids

Sports

Entertainment Hobbies

Crime War Protection

Transportation

Maps Navigation

Building Construction

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

Nova Line

Twenty Four Seven Service

Accounting Billing

Twenty Four Hour

Clock Cycle Twenty Four Hour

Nova Solid

Freehand Duotone - Free

Time Clock Nine Twenty Five 1

Freehand Duotone

Time

Freehand Line - Free

Time Clock Nine Twenty Five 2

Core Gradient

Date 20 Calendar

Calendar

Sharp Flat

Sharp Remix

Sharp Duo

Ultimate Bold

Time Twentfour Hours 1

Flex Gradient

Flex Neon

Ultimate Light

Sharp Gradient

Core Neon

Ultimate Regular

Date 23 Calendar

Core Remix

Date 26 Calendar

Flex Pop

Date 29 Calendar

Core Solid

Flex Solid

Date 28 Calendar

Sharp Line - Streamline Material Free

Nest Thermostat Zirconium Eu

Home

Core Line

Nest Thermostat E Eu

Sharp Fill - Streamline Material Free

Nest Thermostat Zirconium Eu Fill

Flex Line

Flex Remix

Sharp Solid

Sharp Neon

Sharp Fill - Streamline Material

Nest Thermostat Sensor Eu Fill

Road Sign Speed Limit 20 1 Alternate

Signs

Rounded Fill - Streamline Material Free

Core Pop

Roll

Leisure

Plump Pop

Time Twentfour Hours 2

Pixel - Free

Interface Essential Loading 20 Percent

<p>Nova is a cross between Streamline and Material. The Line variant follows both design systems with no padding for a larger appearance.</p>

<p>These icons follow our Streamline’s structure and loosely adopt Google Material’s style. With no padding, they appear larger and became the predecessor to our Material Pro set.</p>

### **one sentence positioning**

Material-like clarity expanded for modern interfaces — concept-appropriate geometry where circles go where things are circular and straight lines go where things are structural.

---

### **what it signals**

Modern UI familiarity, efficient clarity, approachable professionalism.

---

### **best fit when**

- a recognisable, modern UI language that scales across a complete product is needed
- strong category coverage for real interface ecosystems (toolbars, formatting, controls) is required
- line and solid styles must truly match for hierarchy without geometry shift

---

### **avoid when**

- strong illustrative personality or hand-drawn warmth is a brand requirement
- the icon system needs to act as a brand-heavy visual asset rather than functional UI chrome
- visual differentiation away from Google's Material ecosystem is a competitive priority

---

### **core visual rules**

- geometry: hybrid concept-appropriate — each icon selects the geometry that correctly represents its subject rather than applying one system universally
- terminals: rounded throughout — consistent with modern UI conventions
- corner language: controlled curves, friendly geometry, concept-driven
- curves: mathematical arcs used only where the concept implies circularity
- detail density: low to medium
- silhouette: compact, readable, fast recognition — optimised for instant identification
- emotional tension: very low — the familiarity reads as calm and immediately trustworthy

---

### **variants and hierarchy**

Nova Line

- Lighter footprint; best in dense layouts alongside text labels, toolbars and menus

Nova Solid

- Stronger presence; faster scanning in icon-only contexts, mobile navigation, primary action emphasis

**line/solid pairing rule** Nova Line and Solid are balanced companions — geometry matches across both so switching weight expresses hierarchy without breaking visual consistency. Use Line for inactive states and navigation, Solid for selected states and primary emphasis.

---

### **small-size behavior**

- recommended minimum size: 16px
- best range: 16–32px
- notes: The 24px grid with concept-appropriate geometry means Nova has more physical path length per stroke than 14px-grid families at equivalent sizes — it holds dark backgrounds slightly better than Core Line at the same pixel size.

---

### **motion behavior**

- strengths: clean scaling, predictable morph paths between Line and Solid states
- ideal motion contexts: navigation state transitions, tab bar selections, loading feedback in productivity tools, toolbar hover interactions

---

### **typography pairing**

Interface-native (Material-aligned)

- Inter, SF Pro, Roboto, IBM Plex Sans, Source Sans 3, Atkinson Hyperlegible

Geometric modern sans (more designed)

- Manrope, DM Sans, Space Grotesk, Plus Jakarta Sans, Work Sans, Urbanist

Humanist UI sans (warmer but professional)

- Noto Sans, Segoe UI, Ubuntu, Avenir Next, Myriad Pro

**type alignment rule** Match optical weight between text and icons. Test at real UI sizes (16–24px). Align icons by cap height in navigation. Avoid decorative display fonts and keep tracking moderately tight in dense layouts.

**typefaces to avoid** Decorative display fonts, handwritten scripts, highly humanist serif faces at body size — Nova's Material alignment is best supported by type that shares the same globally-legible professional register.

---

### **mixing guidance**

Recommended with

- Ultimate — both are neutral rounded families; separate by product section or component type
- Micro — Nova handles primary UI while Micro handles the density and inline layer

Possible with normalization

- Core — nearly identical visual purpose; normalize by keeping Nova in navigation and Core in secondary controls or density contexts
- Streamline 3.0 — compatible rounded language; isolate to separate product surfaces

Avoid mixing with

- Cyber — the straight-line-only construction is incompatible with Nova's concept-appropriate approach
- Sharp — geometric angular DNA contradicts Nova's hybrid rounded-structural construction
- Freehand — hand-drawn organics conflict with Nova's Material-influenced precision

**normalization rules when mixing**

- keep Nova consistent within navigation and primary toolbar components
- if using another family for illustrations or empty states, keep it entirely outside primary UI controls
- match optical weight when mixing line icons across families in edge cases

---

### **primary use cases**

- SaaS dashboards and admin panels
- productivity tools and complex web applications
- mobile applications and design systems
- enterprise software bridging Material Design conventions
- cross-platform products where icon recognition speed is critical
- onboarding flows and feature navigation

---

### **secondary use cases**

- developer tools and internal platforms
- any product targeting heavy Google Workspace or Android users

Streamline x Material

Twenty Four Hour icon - Nova Line Set

Download Twenty Four Hour SVG vector or transparent PNG icon in Line, Outlined, Minimal style(s) for Sketch and Figma. It belongs to Nova Line vectors SVG collection.