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

Ultimate Regular - Free

Direction Button 3

Direction Button 2

Plump Flat - Free

Arrow Curvy Both Direction 2

Ultimate Light - Free

Cyber Duotone - Free

Map Direction

Map Travel Wayfinding

Outlined Line - Streamline Material

Assistant Direction

UI Actions

Ultimate Regular

Direction Indicators

Dashboard Symbols

Cyber Duotone

Direction Sign 2

Way Finding

Nova Line

Direction Button 1

Selection Move

Ultimate Bold

Direction Down

Diagrams

Locations

Direction Sign

Places

Move

Ultimate Colors

Ultimate Duotone

Rounded Fill - Streamline Material

Assistant Direction Fill

Outlined Fill - Streamline Material

Plump Duo

Map Direction Enable

Flex Remix

Flex Gradient

Nova Solid

Scroll All Direction 1

Flex Line

Micro Line

Arrows All Direction

Arrows

Expand All Direction 1

Transform Actions

Compass Direction

Compass

Micro Solid

Direction Up

Plump Solid

Flex Flat

Direction Left

Core Remix

Triangle Arrow Curvy Both Direction 2

Single Triangle Arrow

Move Direction Button Arrows

Move Cursors

Diagram Wave Both Direction

Move Direction Button Controller

Ultimate Light

Travel Crossroad Direction Board

Travel Metaphor

Fingers Point Opposite Direction

Conflict

Flex Solid

Trekking Direction Map

Trekking

Sharp Solid

Cardinal Direction Compass

Core Solid

Freehand Duotone

Keyboard Button Direction

Keyboard 

Cyber Line - Free

Location Pin Direction 3

Maps Direction Pin

Maps

<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

Direction Button

Direction Button icon - Ultimate Duotone Set

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