Flux Icons
[ MULTI-STYLE ECOSYSTEM ][ 5 DISTINCT PARADIGMS ][ EXPANDABLE DIRECTORY ]

BROWSE ALL ICON TYPES & FAMILIES.

Every style and collection has its dedicated space. Hover or click on any folder below to inspect live icon specimens and explore full collections.

Direct 1,000 Icons LibraryInstall Package
LIVE & PRODUCTION READY
[ 1,000 ICONS ]
NPMmanifest.json
v0.1.0
{
"name": "@flux/icons",
"license": "MIT",
"treeShakeable": true
}
Zero Bloat Vector SVGs
Full React & TypeScript
VERIFIED2026 MIT
SPECmatrix.pdf
4 STYLES
Linear / Stroke
1.5px
Two-Tone / Duotone
30%
Bold / Fill
Solid
OPTICAL ALIGNFLUX LABS
SVGspecimen.svg
1.0K
sparkles
heart
bell
zap
import { Icon } MIT
PAGE 01/0124×24 GRID
KEYLINE · 1,000

Keyline 24×24 Grid System

8,000 SVGs

Flagship precision icon suite drawn on a strict 24×24 grid with a 2px keyline. Includes Stroke, Two-Tone, Duotone and Fill weights with rounded & sharp corners.

StrokeTwo-ToneDuotoneFill
Open Collection
LIVE & EXPLORABLE
[ 2,242 ICONS ]
NPMmanifest.json
v0.1.0
{
"name": "@flux/icons",
"license": "MIT",
"treeShakeable": true
}
Zero Bloat Vector SVGs
Full React & TypeScript
VERIFIED2026 MIT
SPECmatrix.pdf
6 STYLES
Linear / Stroke
1.5px
Two-Tone / Duotone
30%
Bold / Fill
Solid
OPTICAL ALIGNFLUX LABS
SVGextended.svg
2.2K
sparkles
heart
bell
zap
import { Icon } MIT
PAGE 01/0124×24 GRID
EXTENDED · 2,242

Flux Extended System

13,450+ SVGs

Extended ecosystem of 2,242 icons across 6 distinct visual styles: Linear, Bold, Two-Tone, Bulk, Broken, and Outline. Unified 24×24 grid with shadcn/ui and React support.

LinearBoldTwo-ToneBulkBrokenOutline
Open Collection
LIVE & ANIMATED
[ 467 ICONS ]
NPMmanifest.json
v0.1.0
{
"name": "@flux-icons/motion",
"engine": "motion/react",
"interactive": true
}
467 Micro-Interactions
Drop-in React Components
VERIFIED2026 MIT
SPRINGphysics.ts
7 MODES
Spin / Rotate
360°
Ring / Shake
Elastic
Bounce / Move
60fps
FRAMER ENGINEFLUX MOTION
ANIMmotion.svg
467
sparkles
heart
bell
zap
import { MotionBell } MIT
PAGE 01/01INTERACTIVE
MOTION · 467

Flux Motion System

Framer Motion

467 micro-interactive animated icons built with Framer Motion. Smooth hover triggers, continuous loop modes, physics-based springs, and clean React component code.

SpinBounceRingDrawPop
Open Collection
DESIGN LABS EXPERIMENTAL
[ HANDCRAFTED ]
NPMmanifest.json
v0.1.0
{
"name": "@flux/icons",
"license": "MIT",
"treeShakeable": true
}
Zero Bloat Vector SVGs
Full React & TypeScript
VERIFIED2026 MIT
SPECmatrix.pdf
4 STYLES
Linear / Stroke
1.5px
Two-Tone / Duotone
30%
Bold / Fill
Solid
OPTICAL ALIGNFLUX LABS
SVGspecimen.svg
1.0K
sparkles
heart
bell
zap
import { Icon } MIT
PAGE 01/0124×24 GRID
FLUX · ORGANIC

Organic & Hand-Drawn

Experimental

Artisanal vector sketches with subtle pressure variance, pencil grain and human warmth for expressive editorial storytelling.

Pencil DynamicsOrganic Curves
Labs Prototype
PLANNED ROADMAP
[ 16×16 DENSITY ]
NPMmanifest.json
v0.1.0
{
"name": "@flux/icons",
"license": "MIT",
"treeShakeable": true
}
Zero Bloat Vector SVGs
Full React & TypeScript
VERIFIED2026 MIT
SPECmatrix.pdf
4 STYLES
Linear / Stroke
1.5px
Two-Tone / Duotone
30%
Bold / Fill
Solid
OPTICAL ALIGNFLUX LABS
SVGspecimen.svg
1.0K
sparkles
heart
bell
zap
import { Icon } MIT
PAGE 01/0124×24 GRID
FLUX · MICRO

Micro System 16px

High Density

Sub-pixel aligned micro icons tuned for tight table cells, code editors, file trees, and compact SaaS utility bars.

16×16 SnappedZero Blur
Planned

Want to suggest or contribute a new icon family?

Flux Icons is fully open source under MIT. If you have requests for new styles, collections, or missing drawings, let us know directly on GitHub.

Open Keyline Icons (1,000)Install & Setup Guide