@ramtt/icons
v0.1.0-beta.1
Published
2500+ icon components across 10 variants (line, light, solid, duo, micro, micro-solid, animated, context, morph, reactive). Zero dependencies.
Maintainers
Readme
@ramtt/icons
2500+ React SVG icon components across 10 variants — line, light, solid, duo, micro, micro-solid, animated, context, morph, reactive. Zero runtime dependencies. Fully tree-shakeable.
Install
npm install @ramtt/iconsQuick start
import { IconBike, IconHeart, IconChart } from '@ramtt/icons'
<IconBike size={24} strokeWidth={1.5} />
<IconHeart size={20} color="currentColor" />
<IconChart className="text-sky-500" />For maximum tree-shaking, import directly from a variant subpath:
import { IconBike } from '@ramtt/icons/line'
import { IconBike as IconBikeSolid } from '@ramtt/icons/solid'
import { IconBike as IconBikeDuo } from '@ramtt/icons/duo'Variants
| Variant | Purpose | Example import |
|---------|---------|----------------|
| line | Stroke-only, default 1.5px | @ramtt/icons/line |
| light | Stroke-only, 1px — dense UI | @ramtt/icons/light |
| solid | Filled glyphs | @ramtt/icons/solid |
| duo | Two-tone, primary + accent | @ramtt/icons/duo |
| micro | 16×16 stroke — toolbars, chips | @ramtt/icons/micro |
| micro-solid | 16×16 filled | @ramtt/icons/micro-solid |
| animated | CSS/SVG animations (spin, pulse, morph) | @ramtt/icons/animated |
| context | Data-driven — shape reacts to prop values | @ramtt/icons/context |
| morph | Tween between two states on prop change | @ramtt/icons/morph |
| reactive | Hover/focus reactions | @ramtt/icons/reactive |
Props
All icons accept IconProps:
interface IconProps {
size?: number // default 24, or 16 for micro variants
color?: string // default 'currentColor'
strokeWidth?: number // default 1.5 (line), 1 (light)
className?: string
'aria-label'?: string
'aria-hidden'?: boolean
}Duo icons additionally accept accentColor and accentOpacity.
Catalog
import { ICON_CATALOG, ICON_CATEGORIES } from '@ramtt/icons/catalog'ICON_CATALOG is an array of IconMeta — name, variants, category, keywords. Useful for building icon pickers.
Docs
Full docs + interactive gallery: ramtt.dev
License
Licensed under either of:
at your option.
Copyright (c) 2025-2026 RAMTT (Malte Therkildsen)
