Releases: phosphor-icons/react
v2.1.7
Fixes
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/swift ▲ Phosphor icon component library for SwiftUI
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.1.6
Features
- Add JSDoc icon previews, so you can see the icons before you use them, right in your editor (thanks @ajmnz!)
Recording.2024-06-11.172436.mp4
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/swift ▲ Phosphor icon component library for SwiftUI
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.1.5
Bugs
- Reverts to using
classic
JSX runtime, fixing #90 and restoring support toreact@16
apps.
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/swift ▲ Phosphor icon component library for SwiftUI
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.1.4
New icons
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
Features
- Icon fonts now have stable Unicode codepoints, which can be copied directly from our website!
- Icon fonts once again support ligatures in all weights except Duotone.
- We are now processing donations through both GitHub Sponsors and BuyMeACoffee! Your support is welcome and appreciated :)
Revisions
Notable changes
- Updated
patreon-logo
- Reworked
sneaker-move
- Reworked
crown-*
icons - Simplified some typographic elements, such as "T" in
article-ny-times
, "4" innumber-four -*
- More distinct duotone treatments for various icons, especially small arrowheads
- Rectangular container fill treatments, including
list-*
,text-*
,sort-*
, and others - More "filled-in" fill treatments for many other icons
- Knocked out vehicle windows in fill weight
- Various simplifications and visual improvements
Audits
- Adjusted gaps for readability
- Adjusted corner radiuses for consistency
- Improved optical centering
- Smoother curves:
anchor
,flow-arrow
,thermometer-hot
,waves
- Removed extraneous control points
Renames and deprecations
- Renamed
archive-box
tobox-arrow-down
- Renamed
archive-tray
totray-arrow-down
- Deprecated
folder-notch-*
icons, which now alias to theirfolder-*
counterparts
Existing names will continue to be available as aliases in 2.1, though may be removed in future releases.
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/swift ▲ Phosphor icon component library for SwiftUI
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.0.14
Notes
- See 2.0.11 release for details on our new support for React Server Components!
Bugs
- Fixed an issue with resolving type declarations for the
ssr
submodule (thanks @samepant!)
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/homepage ▲ Phosphor homepage and general info
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.0.13
Notes
- See 2.0.11 release for details on our new support for React Server Components!
Bugs
- Fixed a bug in which
ssr
submodule was not included in.cjs
bundle
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/homepage ▲ Phosphor homepage and general info
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.0.11
Features
- FINALLY added official support for React Server Components, allowing Phosphor Icons to be used in Next.js Server Components. See the docs for details.
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/homepage ▲ Phosphor homepage and general info
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.0.9
Bugs
- Add
lib
modules toexports
entry topackage.json
, allowing these these to be imported directly when needed
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/homepage ▲ Phosphor homepage and general info
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.0.6
Bugs
- Add modular
exports
entry topackage.json
, allowing individual icons to be imported from qualified paths
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/homepage ▲ Phosphor homepage and general info
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components
v2.0.5
Bugs
- Previously, build had been targeting
ESNext
, and artifacts contained syntax that some older bundlers were choking on (nullish coalescing operator). We now targetES2017
for much better compatibility.
Related projects
Check out our plugins for popular design tools:
- @phosphor-icons/figma ▲ Phosphor plugin for Figma
- @phosphor-icons/sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- @phosphor-icons/homepage ▲ Phosphor homepage and general info
- @phosphor-icons/core ▲ Phosphor icon assets and catalog
- @phosphor-icons/react ▲ Phosphor icon component library for React
- @phosphor-icons/web ▲ Phosphor icons for Vanilla JS
- @phosphor-icons/vue ▲ Phosphor icon component library for Vue
- @phosphor-icons/elm ▲ Phosphor icons for Elm
- @phosphor-icons/flutter ▲ Phosphor IconData library for Flutter
- @phosphor-icons/webcomponents ▲ Phosphor icons as Web Components