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

Html 1

Html

Html Five

Html File

File Code Html

File Html

Programming Language Monitor Html

Coding Html

File Html 1

Programming Html5

Programming Language Html 5

Programming Language Html

Programming Html

Programming Language Browser Html

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

Freehand Duotone

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

Coding File Html Tag

Coding Files

Coding File Html Tag icon - Freehand Duotone Set

Download Coding File Html Tag SVG vector or transparent PNG icon in Hand-drawn, Outlined, Wireframe style(s) for Sketch and Figma. It belongs to Freehand Duotone vectors SVG collection.