--- title: "Cyber Duotone Icons Set - 3696 customizable PNGs, SVGs, PDFs" product: "Streamline Icons, Illustrations and Elements" url: /icons/cyber-duotone canonical_url: "https://www.streamlinehq.com/icons/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." --- # Cyber Duotone Icons Set - 3696 customizable PNGs, SVGs, PDFs Cyber features only straight lines and sharp angles. The Duotone variant uses two colors to enhance the futuristic appearance. 3696 icons ## 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 ## Example icons - [Atomic Bomb](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/atomic-bomb-ldsuix4lcnnl802wu2u3f.png/atomic-bomb-g4bcq1vfgx516htux8i65.png?_a=DATAiZiuZAA0) - [Bin 1](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/bin-1-pjay2qcdtskluygnmpyb2.png/bin-1-s5wbtniip5ok6pethiwcd.png?_a=DATAiZiuZAA0) - [Bin 2](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/bin-2-7mogd5obw0al33ddgrcsx.png/bin-2-oowhxz8lflb5ozz9q5hhvk.png?_a=DATAiZiuZAA0) - [Bin 3](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/bin-3-x288phg8ypknu0iolgfnmh.png/bin-3-bjo5esbuyykuvagfhxu22l.png?_a=DATAiZiuZAA0) - [Bin 4](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/bin-4-b1em582l39gv8aoo32kyg.png/bin-4-owvft7a4tbdlmakn9zicf9.png?_a=DATAiZiuZAA0) - [Bin 5](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/bin-5-l04pz2hfmhl6jixhsm18dc.png/bin-5-i4lrrz7v1f0sb74865lceb.png?_a=DATAiZiuZAA0) - [Binocular 1](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/binocular-1-bxz4tkxv4e97y1z71km45c.png/binocular-1-vlrqmdhosiditxk4oou5.png?_a=DATAiZiuZAA0) - [Binocular 2](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/binocular-2-h6slvlk6iovbav6sjsw42f.png/binocular-2-wucumyltw0ldumctiun4jv.png?_a=DATAiZiuZAA0) - [Delete Circle 1](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/delete-circle-1-rk2lgwblzpa12dfbvos9qog.png/delete-circle-1-odp2u3uoynebt3lrx7lird.png?_a=DATAiZiuZAA0) - [Delete Circle 2](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/delete-circle-2-k95rimgaogof4j3gwzdatg.png/delete-circle-2-q7z1vuhzrde3jtn5jmrlb.png?_a=DATAiZiuZAA0) - [Flash 1](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/flash-1-wemp4ar0zebt96oaz79u48.png/flash-1-2sis5xnz8ckbfebv79afpn.png?_a=DATAiZiuZAA0) - [Flash 2](https://assets.streamlinehq.com/image/private/w_48,h_48,ar_1/f_auto/v1/icons/content-edition/flash-2-hw7egpbh1csqkg410vduc.png/flash-2-e746n6g8qhjgu802i48shn.png?_a=DATAiZiuZAA0) --- [View full sitemap](/sitemap.md)