Content Edition

Status

Setting

Login

Time

Emails

Users

Users Actions

Group Actions

Message Chat

People

Jobs

Computer

Computer Peripherals

Hard Drive Memory

Phone

Mobile Phone

Tablets

Smart Devices

Video Meeting

Selection Cursor

Navigations

Content

Vote Rewards

Locks

Share

Interface Feedback

Data Transfer

Cloud

Synchronize

Server

Database

Remove

Resize Move

Control

Bookmark Tags

Favorite

Organization

Design

Design Actions

Office

Image Picture

Photography

Camera Setting

Camera

Video Player

Movies

Television

Podcast

Headset

Music Players

Music Setting

Music Instrument

Weather

Smileys

Alignment

Shopping

Shopping Cart Basket

Payment

Wireless Payment

Credit Card Payment

Money Finance

Business

Business Metaphors

Logistics Shipping Delivery

Programming

Responsive Design

Application

Text

Keyboard

Locations

Places

Real Estate

Travel

Way Finding

Nature Ecology

Sport

Leisure

Transportation

Primitive

Animals

Furnitures

Tools

Objects

Lights

War Crime Disasters

Health

Education

Science

Coffee Tea

Alcohol

Drinks

Food

Kitchen

Outfits

Video Games

Famous Characters

Romance

Children

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

Outlined Line - Streamline Material Free

UI Actions

Flex Pop - Free

Login 1

Interface Essential

Sharp Remix - Free

Login 2

Flex Gradient - Free

Flex Duo - Free

Plump Duo - Free

Core Gradient - Free

Sharp Line - Streamline Material Free

Flex Neon - Free

Plump Pop - Free

Outlined Line - Streamline Material

Sharp Gradient

Login 3

Login Logout

Flex Solid

Core Remix

Flex Remix

Core Neon

Plump Line

Sharp Solid

Core Solid

Ultimate Duotone

Core Flat

Sharp Remix

Sharp Flat

Core Duo

Flex Flat

Ultimate Colors

Flex Line

Flex Duo

Sharp Neon - Free

Ultimate Bold

Sharp Line

Rounded Line - Streamline Material

Kameleon Pop

Interface

Core Neon - Free

Kameleon Colors

Core Remix - Free

Plump Line - Free

Ultimate Regular

Ultimate Colors - Free

Sharp Line - Free

<p>Cyber features only straight lines and sharp angles. The Duotone variant uses two colors to enhance the futuristic appearance.</p>

Cyber Duotone

<p>Cyber is one of our most challenging icon sets: no curves, only straight lines and sharp angles. Inspired by sci-fi aesthetics, it’s perfect for bold brands and futuristic tech.</p>

### **one sentence positioning**

The most mechanically extreme icon family available — zero curves, straight lines only, dark navy default, built for futuristic and high-tech interfaces.

---

### **what it signals**

Advanced technology, precision engineering, system control, architectural rigour, futuristic thinking.

---

### **best fit when**

- the interface must feel engineered and unmistakably high-tech with no compromise
- visual distinctiveness from standard rounded icon sets is a strategic requirement
- the product identity is built on AI, cybersecurity, infrastructure, robotics, or sci-fi UI

---

### **avoid when**

- the product needs any warmth, softness, or mainstream legibility
- a neutral UI language that adapts across audiences is the goal
- organic, human, or playful tone is needed

---

### **core visual rules**

- geometry: faceted, angular, polygonal — circles are approximated with straight segments; no true arcs exist anywhere
- terminals: sharp — all paths terminate at a hard angle, never softened
- corner language: sharp, faceted, straight-line-only construction throughout
- curves: none — the defining rule is zero Bézier curves in any icon
- detail density: low to medium
- silhouette: high visual energy — the absence of curves creates constant angular tension
- emotional tension: high — the sharp transitions produce more visual energy than any other family in this review

---

### **variants and hierarchy**

Cyber Line (1px, dark navy)

- Primary navigation and UI controls in high-tech products; the schematic-drawing aesthetic at its most direct

Cyber Duotone (1px, three-layer)

- Dark navy stroke + light blue tint fill + white base; feature sections and documentation with colour differentiation

**line/solid pairing rule** Cyber does not have a conventional solid sub-style. The Duotone three-layer construction serves the colour hierarchy role. Use Line for standard contexts and Duotone where category colour differentiation is needed.

---

### **small-size behavior**

- recommended minimum size: 16px
- best range: 16–48px
- notes: The straight-line joins create sharp termination points that can read as broken pixels on non-retina screens below 16px — the angular geometry requires sufficient physical pixel resolution to render cleanly.

---

### **motion behavior**

- strengths: crisp rotation perfectly suited to angular geometry, stable scaling, mechanical-feeling stroke animations
- ideal motion contexts: loading states in technical dashboards, system feedback loops, control panel interactions, data transition animations, hover states in developer tooling

---

### **typography pairing**

Geometric / futuristic sans (maximum cohesion)

- Space Grotesk, Eurostile, Bank Gothic, Aeonik, Barlow Condensed, Orbitron (display only)

Neutral UI sans (safe balance)

- IBM Plex Sans, Neue Haas Grotesk, Source Sans 3, Helvetica Now

Mono / terminal (control-surface feel)

- IBM Plex Mono, JetBrains Mono, Geist Mono, Space Mono, Source Code Pro

**type alignment rule** Prefer typefaces with geometric discipline, technical clarity, low softness, and strong stroke consistency. The type should look like it was built with a ruler — fonts where the 'a', 'e', and 'g' have visible calligraphic influence are wrong for Cyber.

**typefaces to avoid** Nunito, Poppins, Inter, Lato — humanist warmth directly contradicts the cold mechanical precision. Rounded terminal fonts of any weight create a personality mismatch with the straight-line construction.

---

### **mixing guidance**

Recommended with

- Sharp — both carry geometric technical authority; separate by specificity (Cyber for extreme tech, Sharp for enterprise general)

Possible with normalization

- Nova — both work for technical products; isolate Cyber to the most distinctive surfaces
- Core — technically compatible; keep Cyber for hero and identity moments, Core for utility controls

Avoid mixing with

- Freehand — the most extreme possible contrast in this library
- Plump — zero visual compatibility
- Flex — organic curves directly negate the zero-curve construction rule

**normalization rules when mixing**

- keep Cyber consistent within primary navigation and hero UI surfaces
- never mix Cyber with a rounded family in the same component or row
- if mixing with a neutral family (Core, Nova), isolate by surface — Cyber for the product's strongest brand moments, neutral family for utility

---

### **primary use cases**

- AI and machine learning product interfaces
- developer platforms and infrastructure tooling
- cybersecurity dashboards and security operations products
- crypto and Web3 interfaces
- data infrastructure and robotics software UIs
- sci-fi and gaming UI contexts

---

### **secondary use cases**

- high-tech marketing websites and futuristic brand systems
- control panels and monitoring tools
- advanced analytics and experimental design systems

Icons from the future

Login Box

Login Box icon - Cyber Duotone Set

Download Login Box SVG vector or transparent PNG icon in Duo, Geometric, Stroke, Filled style(s) for Sketch and Figma. It belongs to Cyber Duotone vectors SVG collection.