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

Phone Mobile Devices

Messages Chat

Social Media Rewards Rating

Travel

Hotel Spas

Wayfinding

Food Drinks

Furniture 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

Outdoor Recreation

Entertainment Events Hobbies

Video Games

Crime War Protection

Transportation

Maps Navigation

Building Construction

Landmarks

Real Estate

Arrows Diagrams

Logos

Political

Cannabis

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

Blur Circular

Photo Image

Rounded Line - Streamline Material

Sharp Line - Streamline Material

Ultimate Bold

Stairs Circular

Stairs

Ultimate Regular

Ultimate Light

Ultimate Colors

Ultimate Duotone

Freehand Duotone

Rounded Fill - Streamline Material

Blur Circular Fill

Outlined Fill - Streamline Material

Sharp Fill - Streamline Material

Power Tools Circular Saw 1

Power Tools

Power Tools Circular Saw

Sharp Duo

Rotate Left 3

Edit

Core Solid

Line Arrow Rotate Left Circle

Container Line Arrow

Sharp Remix

Sharp Line

Triangle Arrow Rotate Vertical Left 2

Rotation Sync Triangle Arrow

Diagram Wave Both Direction

Diagrams

Rounded Line - Streamline Material Free

End Cap Round

Text Formatting

Micro Solid

Circle Shape

Geometric Shape

Micro Line

Shape Cylinder Alternate

Shapes

Block – Free

User 2

Basic UI

Diagram Round

Arrow Recycling

Arrows

Sharp Line - Streamline Material Free

Cylinder Shape

Core Line

Recycle 1

Nature

Plump Line

Watch Circle Home

Smartwatch

Sharp Neon

Sharp Solid

Sharp Pop

Sharp Flat

Sharp Gradient

Core Remix

Rotate Right Dash 3

Core Neon

Core Pop

Core Duo

Core Gradient

<p>Freehand is the largest hand-drawn icon set. The Duotone variant uses two colors to create a more vibrant, artistic appearance.</p>

**Summary**: The two-color calligraphic sub-style — same variable-weight organic stroke as the base, with a dark navy primary and medium blue accent applied to selected icon elements. The blue accent adds mild semantic structure but the calligraphic line warmth dominates and the icons retain the full handmade quality of the base sub-style. The tone signals "we are here with you, and we brought colour" — craft plus a controlled brand-blue layer that adds category differentiation without imposing systematic rigidity. Best for consumer apps with a defined brand blue, feature overview sections at display sizes, and onboarding flows where colour guides attention within icons.

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

---

## Fit & Recommendation

### Primary use cases

- Consumer apps needing slightly more visual structure than the base — the blue accent creates a semantic layer the monochrome version lacks
- Feature overview and comparison sections where icons need colour differentiation
- Help and documentation visuals at larger sizes where the two-tone depth adds quality
- Onboarding and education flows where the colour accent guides attention within the icon
- Products with a defined brand blue where Duotone absorbs the brand colour naturally
- Social and community platforms where icons at display size need visual warmth

---

## Brand & Cultural Identity

### What it communicates

> "We are here with you, and we brought colour."

---

## Visual & Technical Specs

### Visual properties

| Property | Value |
|----------|-------|
| Stroke weight | Variable / calligraphic — same as Freehand base |
| Fill | Two-layer: colored stroke + colored accent on selected elements — no white fill base |
| Corner treatment | Fully rounded, organic |
| Color | Dark navy primary + medium blue accent on selected icon elements |

### Emotional Scores

Freehand Duotone is among the warmest sub-styles in the catalog — the blue accent is a cool colour, but the hand-drawn line warmth dominates the overall perception. It is among the softest sub-styles in the catalog — the blue accent adds minor definition but does not harden the organic stroke quality. It is among the friendliest sub-styles in the catalog — the two-color structure adds slight semantic organisation but the set remains firmly in the friendly register. It is one of the more playful sub-styles in the catalog — the blue accent reads as considered and slightly more structured than the base, yet still informal overall. On its human↔mechanical character, it is among the most human-feeling sub-styles in the catalog — the calligraphic DNA remains dominant and the blue accent does not mechanise the icons.

---

## Pairing & Compatibility

### Typography pairing

- **Primary**: Plus Jakarta Sans — humanist warmth, compatible with the blue accent colour
- **Alternative**: Outfit — modern humanist, pairs with two-tone blue accent without competing
- **Display**: Playfair Display — adds editorial quality to the two-tone colour system at larger sizes
- **Body**: Inter Regular — works here as the two-color structure adds enough personality that the icon layer doesn't need type personality to compensate
- **Avoid**: Monospace fonts entirely; geometric sans at bold weights — both create jarring contrast with the organic hand-drawn stroke


<p>Largest hand-drawn icon set with calligraphic charm. Varying stroke thickness creates artistic appeal. Recommended for authentic brands.</p>

Hand-drawn icons

Stairs Circular icon - Freehand Duotone Set

Download Stairs Circular SVG vector or transparent PNG icon in Handrawn, Outlined, Wireframe style(s) for Sketch and Figma. It belongs to Freehand Duotone vectors SVG collection.