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

Shift

Shift Fill

Shift Lock

Shift Square

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

Cyber Duotone

**Summary**: Cyber's two-color variant — same strict straight-line construction as Cyber Line, with a dark navy stroke plus light blue tint fill and selective white fill adding depth and category differentiation. The tint fill introduces enough visual softness to pull back from the extreme mechanical score of Cyber Line while remaining deep in the technical-cold register. The tone signals structured schematics: "two-color drawings convey more information." Best for feature overview sections in high-tech products needing category colour without abandoning the technical register, help and instructional content in Cyber-language products, and any context where Cyber Line needs added visual depth and the brand permits a navy-plus-light-blue system.

**Last updated**: 2026-04-23

---

## Fit & Recommendation

### Primary use cases

- Products wanting the Cyber precision language with added colour differentiation
- Feature overview sections where icons need category colour without abandoning the technical register
- Help documentation and instructional content where the tint fill adds visual hierarchy within icons
- Products with a defined navy + light blue brand palette
- Any context where Cyber Line needs depth and the brand permits a two-color icon system

---

## Brand & Cultural Identity

### What it communicates

> "We are a technical drawing. Two-color schematics convey more information."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | 1px |
| Fill | Three-layer: dark navy stroke + light blue tint fill + white fill (selective) |
| Corner treatment | Sharp — same straight-line-only construction as Cyber Line |
| Color | Dark navy primary + light blue secondary (customizable) |

### Emotional Scores

Cyber Duotone is one of the colder sub-styles in the catalog — dark navy and light blue form a cool palette, with the tint fill introducing slight softness that reduces coldness from its monochrome counterpart. It is somewhat mechanical on the softness axis — the tint fill and selective white fill introduce visual layers that partially offset the hard straight-line construction. It is one of the more formal sub-styles in the catalog — the two-color structure adds visual polish while keeping the set firmly in the technical-formal register. It is one of the more serious sub-styles in the catalog — the duotone adds depth without adding playfulness, and the construction remains entirely straight-line. On its human↔mechanical character, it is one of the more mechanical sub-styles in the catalog — the tint fill introduces a layer of visual consideration that slightly humanises the otherwise fully mechanical construction.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: IBM Plex Sans — same reasoning as Cyber Line; two-color structure adds depth without requiring type to carry additional personality
- **Alternative**: DM Mono — for data-adjacent layouts where monospace reinforces the technical register
- **Display**: Space Grotesk Bold — adds graphic presence at headline sizes alongside the duotone icon system
- **Body**: IBM Plex Sans Regular or Barlow Regular
- **Avoid**: Any serif, any humanist sans with rounded terminals, any warm display font


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

Icons from the future

Button Shift

Button Shift icon - Cyber Duotone Set

Download Button Shift 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.