Attractor Icons

Material Symbols with data-vb-attract animations. Click any card to trigger its attractor.

Attractor Patterns

Click each card to see the animation. Breathe runs continuously.

notifications
Pulse
data-vb-attract="pulse"
favorite
Beat
data-vb-attract="beat"
arrow_downward
Bounce
data-vb-attract="bounce"
warning
Wiggle
data-vb-attract="wiggle"
mic
Breathe (continuous)
data-vb-attract="breathe"

Context-Aware Sizing

rocket_launch Heading 1 (weight 600, opsz 48)

settings Heading 2 (weight 600, opsz 48)

info Body text (weight 400, opsz 24)

help Small text (opsz 20)

Fill on Hover

Hover over each icon to see it fill.

favorite
bookmark
star
thumb_up

JS Retrigger

notifications

Common Icons

home
home
search
search
menu
menu
close
close
check_circle
check_circle
delete
delete
edit
edit
visibility
visibility
download
download
share
share