● Formerly Icons8 — now eight.design →

The complete library for the web.

Icons, illustrations, photos, music and on-demand AI generation — one log-in, one license, one design system that ships through SVG, npm, Figma or your terminal.

Start free Watch the 60s tour

12.8M

assets

native styles

180K

teams shipping

~/web/storefront — eight install

⌘K

# install the design library
$ npm i @eight/react

# pull every icon you used today
$ npx @eight/cli sync --style=outline --size=24

  ✓ resolved 12.8M assets in 0.4s
  ✓ 47 icons synced → ./src/icons
  ✓ types generated → ./src/icons.d.ts

$ ▍

47 assets · 12.4 KB · ✓ tree-shaken

Trusted by 180,000+
design & engineering teams.

Linear Vercel Stripe Notion Figma Cursor Arc Anthropic

01 products

One library.
Eight products.

Explore the full platform

01 · Icons 12.8M

Every icon you can describe. In nine native styles.

Drop-in SVG, React, Figma, Sketch, VS Code. Tree-shakable. Typed.

02 · AI generator new

Type it. Get it. Pinned to your library.

03 · Illustrations 340K

Scenes & characters that don't look stock.

04 · Photos 1.4M

Royalty-free.
Released yesterday.

05 · CLI @eight/cli

Ship from the terminal.

06 · Styles 9

Nine native styles.
One switch.

07 · Plugins 5 surfaces

Right inside what you already use.

08 · Pichon for desktop macOS · Windows

The whole library. Offline. On your desktop.

⌘V into anything. Browse, copy, drag — no browser, no log-in, no network.

02 developers

One install.
Every asset typed.

Eight ships as @eight/react, fully typed, tree-shakable and lazy-resolved. Every icon, every illustration, every photo addressable by name.

Tree-shakable Only the assets you import end up in your bundle.

Fully typed TypeScript autocomplete across the entire library.

Style props Swap weight, color, size on render — no SVG editing.

Edge CDN Served from 280+ POPs. Cached at edge.

Read the docs →

// installed via @eight/react@8.4.0
import {'{'} Compass, Heart, Star {'}'} from "@eight/react"

export default function Toolbar() {'{'}
  return (
    <div className="flex gap-2">
      <Compass size={'{'}24{'}'} weight="line" />
      <Heart   size={'{'}24{'}'} weight="filled" />
      <Star    size={'{'}24{'}'} weight="line" />
    </div>
  )
{'}'}

<script>
  import {'{'} Compass, Heart, Star {'}'} from "@eight/svelte"
</script>

<div class="flex gap-2">
  <Compass size={'{'}24{'}'} weight="line" />
  <Heart   size={'{'}24{'}'} weight="filled" />
  <Star    size={'{'}24{'}'} weight="line" />
</div>

<script setup>
  import {'{'} Compass, Heart, Star {'}'} from "@eight/vue"
</script>

<template>
  <div class="flex gap-2">
    <Compass :size="24" weight="line" />
    <Heart   :size="24" weight="filled" />
  </div>
</template>

<!-- drop-in cdn -->
<link rel="stylesheet" href="https://cdn.eight.design/v8/icons.css">

<i class="eight eight-compass" data-size="24"></i>
<i class="eight eight-heart"   data-size="24"></i>
<i class="eight eight-star"    data-size="24"></i>

@eight/react v8.4.0 · 280 POPs · tree-shaken 9 lines

A library so deep it
renders the search bar redundant.

12.8M

assets across icons, photos, illustrations, music

318

new today — every weekday since 2009

native styles, drawn by humans

280

edge POPs — served at the speed of static

CUSTOMER

“We replaced four different asset subscriptions with one Eight account and shipped the entire design system through a single npm package. The library was deeper. The handoff was shorter. The bill was smaller.”

Sasha Berenstein · Head of Design, Northwind · team of 38 designers

Build something.
Anything.

Free for prototypes. $12/seat for teams. No watermarks, no per-download caps, no separate licensing for AI generations.

Start free Talk to a designer

The complete library for the web.

One library.Eight products.