RAMTT Icons

400 icons · 6 variants (Line / Light / Solid / Duo / Micro / Micro Solid) · Zero dependencies

Sport domain — native 18-grid

Flagship biochem + anatomy glyphs at 16px. Micro redrawn on a pristine 18×18 grid; Light is the old 24-grid scaled down.

15 / 401 Micro
micro
light
ATP
micro
light
Hemoglobin
micro
light
Glycogen
micro
light
Lactate
micro
light
VO2Max
micro
light
Mitochondria
micro
light
O2
micro
light
AminoAcid
micro
light
GlucoseMolecule
micro
light
AnatomicalHeart
micro
light
Muscle
micro
light
Lungs
micro
light
Brain
micro
light
Kidney
micro
light
HeartRate

IconPicker — in-app browser

Drop <IconPicker> into any RAMTT app where users need to choose an icon. Fuzzy search across names, tags, and categories. Keyboard navigable.

Selected: IconATP

navigation

5

action

24

arrow

11

status

9

communication

9

media

6

file

9

user

6

layout

11

data

13

device

6

weather

13

commerce

6

toggle

10

misc

16

sport-domain

14

sport-training

18

sport-nutrition

29

sport-body

27

navigation-app

17

sort

4

form

7

social

6

feedback

4

sport-race

26

sport-biochem

21

security

4

achievement

10

activity

23

food

48

brand

2

nav-explorations

318

Animated

8
SpinnerRAMTT
LoadingDots
CheckAnimated
UploadAnimated
PulseHeart
SyncRotate
TypingDots
Waveform

Context-Aware

20

Icons that render data. Drag the sliders to see them respond in real-time.

GlycogenLevel
73%
24
32
BatteryLevel
45%
24
32
ProgressRing
88%
24
32
FuelGauge
62%
24
32
SignalBars
3/4
24
32
ZoneIndicator
4
24
32
HRBeat
145bpm
24
32
StreakFlame
21d
24
32
TrendArrow
12
24
32
FormTrend
values=[2, 5, 4, 8, 6, 12, 8]
24
32
GaugeContext
65%
24
32
CadenceOptimalContext
90rpm
24
32
PeriodizationContext
2
24
32
PacingContext
75%
24
32
CarboLoadingContext
2
24
32
NegativeSplitContext
splits=[245, 238, 230, 222]
24
32
PowerProfileContext
[85, 70, 60, 90, 75]
24
32
SleepScoreContext
stages=[30, 60, 85, 50]
24
32
RegulatorRings
72%
85%
60%
24
32
ComplianceDot
24
32

SIZE COMPARISON

14
16
20
24
28
32

Morphing Transitions

24

Click each icon to toggle its state. Smooth CSS path transitions between states.

250ms

SIDEBAR VARIANT MORPH

SIZE COMPARISON — PLAY/PAUSE

Hover Reactions

45

Hover over each icon to see its reaction. CSS-only, plays once per hover.

RING

Bell
AlertTriangle
Bookmark
Beer
Banana
Taco

BOUNCE

Download
Upload
ChevronDown
ChevronUp
ArrowRight
ArrowLeft
Trophy
Running
Bike

ZOOM

Search
Expand
Image
Eye
Crown
Shield
Target

LIFT

Trash
Copy
File
CreditCard
Coffee

SPIN

Refresh
Settings
Star
Donut

PULSE

Heart
Notification
Mic

SHAKE

Lock
AlertCircle
Zap
Dumbbell

CUSTOM

Mail
Send
Edit
Link
ExternalLink
Rocket
PizzaSlice

SIZE COMPARISON — TRASH

14
16
20
24
28
32

@ramtt/icons · 400 × 4 + 20 + 26 + 25 + 46 = 1717 components · Zero dependencies