Logo
All projects

Jedd Icons

NewIn progress

Sharp, squared open-source SVG icons for React and vanilla JS, with a gallery to browse, customize and copy them.

Role
Creator & Design Engineer
Technologies
ReactTypeScriptTailwind CSSshadcn/uiBase UITanStack Start
Link
jeddicons.com

Jedd Icons - Sharp, Squared Open-Source Icons

Jedd Icons is an open-source icon set with a sharp, squared look: every icon is drawn on a 24x24 grid with square line caps and mitered joins. The set ships as React components and vanilla JS modules, and the gallery lets you search the icons, adjust size, stroke and color live, then copy the code.

npm install @jedd-icons/react
import { ChevronRight } from "@jedd-icons/react"

<ChevronRight size={32} strokeWidth={1.5} absoluteStrokeWidth />

Jedd Icons

Key Features:

  • Over 300 icons: Stroke-only, flat geometry drawn to the same squared style, with tags and categories for search.
  • React and vanilla JS: Published as @jedd-icons/react and @jedd-icons/core, generated from a single set of source SVGs.
  • Customizable props: size, color, strokeWidth and absoluteStrokeWidth keep the stroke visually consistent at any size, and icons inherit currentColor.
  • One-command pipeline: pnpm icons normalizes the source SVGs, generates a typed module per icon and builds every package.
  • Metadata and deprecations: Each icon has a JSON schema-validated metadata file with tags, categories, aliases and deprecation notes.
  • MIT licensed: Free to use in personal and commercial projects.

Tech Stack:

  • Packages: TypeScript, React 19, a custom SVG to TypeScript generator, pnpm workspaces and Turborepo
  • Gallery and docs: TanStack Start, Vite, Tailwind CSS v4, shadcn/ui with Base UI primitives