The Continuity icon pack
@stunt-double/icons is the icon set across the Stunt Double product and
brand: 235 stroked icons on a 24 unit grid with a 2 unit margin, at stroke
width 1.5 with square caps and mitred joins. It ships as framework-free
geometry, standalone SVG files and React components.
Install
Until the @stunt-double scope is available on npm, add
@stunt-double:registry=https://npm.pkg.github.com and a GitHub token with
read:packages to your .npmrc.
npm install @stunt-double/iconsNo dependencies. React 18 or later is an optional peer, needed only for
@stunt-double/icons/react.
React
Every icon is a component named in PascalCase with an Icon suffix
(arrow-right is ArrowRightIcon). The props match lucide-react's, so moving
a call site across is a rename of the import.
import { ArrowRightIcon } from '@stunt-double/icons/react';
<ArrowRightIcon size={16} />
<ArrowRightIcon title="Next" />| Prop | Default | What |
|---|---|---|
size | 24 | Width and height, in px or any CSS length |
color | currentColor | Stroke color |
strokeWidth | 1.5 | Stroke width in grid units |
absoluteStrokeWidth | false | Hold the stroke at strokeWidth px whatever the size |
title | An accessible name. Without one (or aria-label) the icon is decorative |
iconComponents maps every kebab-case name to its component, for icons chosen
from data.
SVG files and geometry
Each icon is a standalone file stroked in currentColor:
import arrowRight from "@stunt-double/icons/svg/arrow-right.svg";The root entry has no framework code: each icon's elements as data, a manifest and a serializer.
import { iconNodes, iconToSvg } from "@stunt-double/icons";
iconToSvg(iconNodes.arrowRight, { size: 32, color: "#111" });@stunt-double/icons/icons.json lists every icon with its category, search
tags and the lucide-react names it replaces.
AI provider marks
Filled logos for AI providers and coding agents (Claude, OpenAI, Cursor,
GitHub Copilot, Gemini, v0, Lovable and more), each in a color and a mono
variant at sm (16px), md (24px) and lg (32px).
import { ClaudeLogo, CursorLogo } from '@stunt-double/icons/react';
<ClaudeLogo />
<CursorLogo variant="mono" size="sm" />The marks are from LobeHub Icons (MIT) and are trademarks of their owners: use them to refer to those products, not to suggest endorsement.