A flexible icon family for React
classic
JSX runtime, fixing #90 and restoring support to react@16
apps.Check out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
This release adds 268 new icons to the family:
acorn
, address-book-tabs
, airplane-taxiing
, ambulance
, angle
, approximate-equals
, asclepius
, avocado
, axe
, baby-carriage
, barn
, baseball-helmet
, beach-ball
, beanie
, belt
, binary
, biohazard
, blueprint
, bomb
, book-open-user
, boules
, bowl-steam
, bowling-ball
, box-arrow-up
, boxing-glove
, bread
, building
, building-apartment
, building-office
, bulldozer
, cable-car
, calendar-dot
, calendar-dots
, calendar-heart
, calendar-minus
, calendar-slash
, calendar-star
, car-battery
, cards-three
, caret-line-down
, caret-line-left
, caret-line-right
, caret-line-up
, cash-register
, cell-tower
, chat-centered-slash
, chat-circle-slash
, chat-slash
, chat-teardrop-slash
, checkerboard
, cheers
, cheese
, chef-hat
, cherries
, cigarette
, cigarette-slash
, city
, clock-user
, clover
, coffee-bean
, columns-plus-left
, columns-plus-right
, compass-rose
, court-basketball
, cow
, cowboy-hat
, crane
, crane-tower
, cricket
, crown-cross
, desk
, device-mobile-slash
, device-rotate
, disco-ball
, dresser
, drone
, drop-simple
, drop-slash
, empty
, exclamation-mark
, eyes
, fallout-shelter
, farm
, fediverse-logo
, file-c
, file-c-sharp
, file-cpp
, file-ini
, file-md
, file-py
, file-txt
, fire-truck
, flag-banner-fold
, flip-horizontal
, flip-vertical
, football-helmet
, four-k
, funnel-simple-x
, funnel-x
, globe-simple-x
, globe-x
, golf
, gps
, gps-fix
, gps-slash
, graphics-card
, greater-than
, greater-than-or-equal
, hair-dryer
, hand-arrow-down
, hand-arrow-up
, hand-deposit
, hand-peace
, hand-withdraw
, hard-hat
, head-circuit
, high-definition
, highlighter
, hockey
, hospital
, hurricane
, image-broken
, intersection
, invoice
, island
, jar
, jar-label
, joystick
, lamp-pendant
, lasso
, lastfm-logo
, lectern
, lego
, lego-smiley
, less-than
, less-than-or-equal
, letter-circle-h
, letter-circle-p
, letter-circle-v
, line-vertical
, linktree-logo
, list-heart
, list-star
, log
, mailbox
, map-pin-area
, map-pin-plus
, map-pin-simple
, map-pin-simple-area
, map-pin-simple-line
, markdown-logo
, mastodon-logo
, matrix-logo
, member-of
, memory
, meteor
, microscope
, money-wavy
, monitor-arrow-up
, mouse-left-click
, mouse-middle-click
, mouse-right-click
, mouse-scroll
, music-notes-minus
, network
, network-slash
, network-x
, not-equals
, not-member-of
, not-subset-of
, not-superset-of
, nuclear-plant
, numpad
, onigiri
, open-ai-logo
, orange
, oven
, panorama
, pencil-ruler
, pentagon
, person-simple-circle
, person-simple-hike
, person-simple-ski
, person-simple-snowboard
, person-simple-swim
, person-simple-tai-chi
, phone-list
, phone-pause
, phone-transfer
, picnic-table
, ping-pong
, pint-glass
, pipe
, pipe-wrench
, pix-logo
, popsicle
, question-mark
, rabbit
, racquet
, ranking
, rectangle-dashed
, replit-logo
, resize
, rows-plus-bottom
, rows-plus-top
, sailboat
, scan-smiley
, screwdriver
, scribble
, seal-percent
, seat
, seatbelt
, security-camera
, shipping-container
, shovel
, skype-logo
, smiley-melting
, sock
, solar-panel
, solar-roof
, speedometer
, sphere
, spinner-ball
, spray-bottle
, stack-minus
, stack-plus
, standard-definition
, steam-logo
, subset-of
, subset-proper-of
, subtitles-slash
, subway
, superset-of
, superset-proper-of
, tea-bag
, text-subscript
, text-superscript
, text-t-slash
, threads-logo
, three-d
, tilde
, tip-jar
, tire
, tornado
, towel
, tractor
, tray-arrow-up
, treasure-chest
, tree-view
, triangle-dashed
, trolley
, trolley-suitcase
, truck-trailer
, tumblr-logo
, union
, user-check
, user-circle-check
, user-circle-dashed
, user-sound
, vector-three
, vector-two
, video-conference
, visor
, washing-machine
, waveform-slash
, windmill
, x-logo
, yarn
patreon-logo
sneaker-move
crown-*
iconsarticle-ny-times
, "4" in number-four -*
list-*
, text-*
, sort-*
, and othersanchor
, flow-arrow
, thermometer-hot
, waves
archive-box
to box-arrow-down
archive-tray
to tray-arrow-down
folder-notch-*
icons, which now alias to their folder-*
counterpartsExisting names will continue to be available as aliases in 2.1, though may be removed in future releases.
Check out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
ssr
submodule (thanks @samepant!)Check out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
ssr
submodule was not included in .cjs
bundleCheck out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
Check out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
lib
modules to exports
entry to package.json
, allowing these these to be imported directly when neededCheck out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
exports
entry to package.json
, allowing individual icons to be imported from qualified pathsCheck out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
ESNext
, and artifacts contained syntax that some older bundlers were choking on (nullish coalescing operator). We now target ES2017
for much better compatibility.Check out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
This release adds 201 new icons to the family:
air-traffic-control
, amazon-logo
, arrows-merge
, arrows-split
, baseball-cap
, basket
, battery-plus-vertical
, battery-vertical-empty
, battery-vertical-full
, battery-vertical-high
, battery-vertical-low
, battery-vertical-medium
, beer-stein
, bone
, book-open-text
, boot
, bowl-food
, bridge
, broom
, call-bell
, camera-plus
, car-profile
, caret-circle-up-down
, caret-up-down
, carrot
, cassette-tape
, castle-turret
, certificate
, chair
, champagne
, charging-station
, chart-donut
, chart-line-down
, chart-polar
, chart-scatter
, check-fat
, church
, circuitry
, clock-countdown
, cloud-warning
, cloud-x
, coda-logo
, code-block
, compass-tool
, contactless-payment
, control
, couch
, cross
, cube-focus
, cube-transparent
, cursor-click
, dev-to-logo
, devices
, dna
, door-open
, dot
, dot-outline
, dress
, dropbox-logo
, elevator
, engine
, escalator-down
, escalator-up
, exclude
, exclude-square
, fan
, feather
, file-archive
, file-sql
, file-svg
, film-reel
, fire-extinguisher
, flag-pennant
, flower-tulip
, footprints
, garage
, gas-can
, gavel
, gear-fine
, goggles
, goodreads-logo
, google-cardboard-logo
, google-drive-logo
, grains
, grains-slash
, grid-nine
, guitar
, hammer
, hand-coins
, hand-heart
, hand-swipe-left
, hand-swipe-right
, hand-tap
, hands-praying
, heart-half
, high-heel
, hoodie
, ice-cream
, images
, images-square
, intersect-square
, intersect-three
, lighthouse
, lightning-a
, list-magnifying-glass
, lockers
, medal-military
, meta-logo
, metronome
, microsoft-outlook-logo
, minus-square
, moped
, moped-front
, mosque
, motorcycle
, notches
, notion-logo
, office-chair
, orange-slice
, pants
, paragraph
, parallelogram
, park
, patreon-logo
, paypal-logo
, pencil-simple-slash
, pencil-slash
, pentagram
, pepper
, person-arms-spread
, person-simple-bike
, person-simple-throw
, phone-plus
, pi
, piggy-bank
, plant
, play-pause
, plug-charging
, plus-square
, potted-plant
, radioactive
, read-cv-logo
, receipt-x
, road-horizon
, scooter
, shapes
, share-fat
, shirt-folded
, shooting-star
, shrimp
, sigma
, signature
, siren
, slideshow
, smiley-angry
, sneaker
, sneaker-move
, soundcloud-logo
, speaker-hifi
, split-horizontal
, split-vertical
, square-split-horizontal
, square-split-vertical
, stairs
, star-and-crescent
, star-of-david
, steering-wheel
, steps
, stethoscope
, stool
, subtitles
, subtract
, subtract-square
, suitcase-rolling
, swimming-pool
, synagogue
, tent
, text-a-underline
, text-columns
, tidal-logo
, tipi
, toolbox
, tooth
, trademark
, tram
, tree-palm
, unite
, unite-square
, usb
, van
, video
, vinyl-record
, virtual-reality
, virus
, warehouse
, warning-diamond
, waveform
, webcam-slash
, webhooks-logo
, wechat-logo
, wheelchair-motion
"use client"
directive. We will look into alternatives that don't force us to render this on the client in the future.github-logo
to better resemble their logogitlab-logo
and gitlab-logo-simple
to resemble their new logobattery-
set to be narrowerbooks
from 3 to 2 booksbuildings
cell-signal-
set with bars for the Regular, Thin, Light, and Bold weightsflag-banner
to appear to be in motionimage-square
to 1 mountain and updated image
to have 2 discrete mountainscalendar
date from "31" to "12"cursor
stembus
to read more like busmoney
leaf-fill
gauge
map-trifold-fill
and cake-fill
address-book
from 4 to 3 spiral ringsgit-
setnumber-
setfile-
set and closed-captioning
grid-four-fill
and barbell-fill
pen-nib-fill
, pen-nib-straight
, lock-key-fill
, and lock-key-open-fill
codesandbox-logo
, cube
, star-half
, star
, hourglass-low
paper-plane
, credit-card
, trophy
, paperclip-horizontal
, file-search
, bicycle
film-strip-fill
, file-search-fill
, wrench
, floppy-disk
, paw-print
, truck
, smiley-sad
, text-strikethrough
toilet-duotone
, dots-three-outline-duotone
, dots-three-outline-vertical-duotone
keyboard
, terminal-window
video-camera
, gauge-fill
navigation-arrow
Some icon names were confusing or broke with convention and have been renamed. For backwards compatibility and ease of upgrade, existing names will continue to be available as aliases, though may be removed in future releases.
activity
to pulse
circle-wavy
to seal
circle-wavy-check
to seal-check
circle-wavy-question
to seal-question
circle-wavy-warning
to seal-warning
file-dotted
to file-dashed
file-search
to file-magnifying-glass
folder-dotted
to folder-dashed
folder-simple-dotted
to folder-simple-dashed
text-bolder
to text-b
Check out our plugins for popular design tools:
For developers, please check out our framework-specific packages:
This patch adds an optional alt
prop to make it more convenient to add accessibility labels to icons.
Old way (still works):
<Heart color="crimson">
<title>heart symbol</title>
</Heart>
Now:
<Heart color="crimson" alt="heart symbol" />
Thanks @im-me for the contribution!
Check out our plugins for popular design tools:
For developers, please check out our framework-specific packages: