Interface Essential

Technology

Computers devices electronics

Coding apps websites

Internet Network Servers

Business Products

Work office companies

Money Payments Finance

Shopping Ecommerce

Shipping Delivery

Content

Design

Images Photography

Music Audio

Video Movies TV

Files folders

Users

Avatars

Emails

Phones mobile devices

Messages Chat

Social medias rewards rating

Travel

Hotels spas

Wayfinding

Food Drinks

Furnitures Decoration

Lamps Lights Fire

Clothes Footwear Accessories

Tools Construction

Ecology

Nature Farming

Pets Animals

Weather

Health Beauty

School Learning

Science

Culture Religion

Romance

Family Babies Kids

Holidays

Sports

Outdoors Recreation

Entertainment Event Hobbies

Video Games

Crime War Protection

Transportation

Maps Navigation

Building Construction

Landmarks

Real Estate

Arrows Diagrams

Logos

Streamline 3.0

Ultimate

Core

Flex

Sharp

Plump

Micro

Freehand

Streamline Material

Nova

Cyber

Streamline Vault

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

Arrow Insert

UI Actions

Rounded Line - Streamline Material Free

Sharp Fill - Streamline Material Free

Arrow Top Left Fill

Arrow Back 2

Ultimate Duotone - Free

Arrow Right

Core Flat - Free

Arrow Up 1

Ultimate Bold - Free

Sharp Line - Streamline Material Free

Flex Gradient - Free

Download Arrow

Guidance – Free

Up Arrow

Arrows

Core Flat

Triangle Arrow Left 1

Single Triangle Arrow

Core Duo

Line Arrow Left 1

Single Line Arrow

Core Solid

Outlined Line - Streamline Material

Arrow Downward

Rounded Line - Streamline Material

Big Arrow Right

Line Start Arrow Notch

Text Formatting

Nova Line

Refresh Arrow 2

Synchronize

Arrow Outward

Arrow Upward

Sharp Line - Streamline Material

Arrow Forward

Cyber Line

Arrow UP

Keyboard

Arrow Split

Outlined Fill - Streamline Material

Line Start Arrow Notch Fill

Arrow Vertical

Ultimate Duotone

Arrow Left

Ultimate Bold

Arrow Left 2

Ultimate Regular

Cyber Duotone

Arrow Down

Ultimate Colors

Arrow Back

Plump Pop

Plump Duo

Core Remix

Arrow Horizontal

Platinum

Left Arrow

Basic Arrows

Freehand Duotone

Arrow Right 2

Arrow Up 2

Arrow Next

Arrow Up

Arrow Shift

Arrow Down 2

<p>Ultimate is the world’s largest icon family, designed by 8 expert designers. The Duotone style enhances visual depth by combining colored lines and filled shapes, perfect for matching brand or project colors. Key advantages: 1—Customizable colors. Apply up to four different colors to icon elements. 2— Adjustable stroke thickness. Create looks ranging from thin to bold for varied aesthetics.</p>

**Summary**: 1px stroke with a three-layer fill system (colored stroke + colored tint fill + selective white fill), rounded throughout, color-customizable — the most expressive and depth-forward Ultimate sub-style for UI work. The layered fill system produces a gentle visual depth that feels modern and considered rather than flat or heavy. The tone signals personality and brand expressiveness: color hierarchy built into the icon itself rather than into the surrounding layout. Best for marketing pages, onboarding flows, and feature sections where icons carry brand color and visual dimension beyond standard UI chrome.

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

---

## Fit & Recommendation

### Primary use cases

- Marketing pages and feature differentiation sections
- Onboarding flows and empty states
- Landing page sections where icons carry more visual weight than UI chrome
- Products with a defined brand color where icons should reflect it
- Hero visuals that need depth without full illustration

---

## Brand & Cultural Identity

### What it communicates

> "We have personality and depth."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | 1px |
| Fill | Three-layer: colored stroke + colored tint fill + white fill applied selectively |
| Corner treatment | Rounded |
| Color | Teal/cyan default (customizable to brand color) |

### Emotional Scores

Ultimate Duotone is one of the friendlier sub-styles in the catalog — the default teal/cyan is a cool colour, but the partial fill softens the coldness noticeably, landing as somewhat warm overall. It is one of the softer sub-styles in the catalog — the 1px stroke combined with a low-opacity fill creates a gentle, layered softness. It is one of the friendlier sub-styles in the catalog — the colour and fill combination reads as inviting rather than formal, leaning clearly friendly. It is one of the more playful sub-styles in the catalog — the two-tone colour adds personality and levity; not fully playful but clearly expressive. On its human↔mechanical character, it is one of the more human-feeling sub-styles in the catalog — colour warmth combined with fill depth humanises the icons visually.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Plus Jakarta Sans — rounded, slightly personality-forward, matches the tonal depth
- **Alternative**: Poppins — geometric warmth, compatible with color-forward icons
- **Body**: Inter or Mulish in Regular weight
- **Avoid**: Monospace fonts (personality mismatch); serif display at high contrast


<p>The world's largest icon family with encyclopedic coverage. Designed over twelve years, Ultimate offers every concept from common to rare icons. It's a neutral style and fits most use cases.&nbsp;</p>

The encyclopedia of icons

Data Transfer Square Diagonal

Data Transfer

Data Transfer Square Diagonal icon - Ultimate Duotone Set

Download Data Transfer Square Diagonal SVG vector or transparent PNG icon in Duo, Stroke, Filled style(s) for Sketch and Figma. It belongs to Ultimate Duotone vectors SVG collection.