Skip to content

Releases: phosphor-icons/react

v2.1.10

22 May 04:47

Choose a tag to compare

Fixes

  • Add explicit "type": "module" back to package.json for more predictable bundler behavior
  • Add export map alias @phosphor-icons/react/ssr for easier access to SSR versions of icons

Related projects

Check out our plugins for popular design tools:

For developers, please check out our framework-specific packages:

v2.1.8

16 May 08:26

Choose a tag to compare

Enhancements

  • All exported icon components are now suffixed with the word "Icon". We think this will improve readability of JSX and avoid polluting the scope, name-squatting common app things like User and Settings. Old names are still valid, but are marked deprecated. For additional context, see: #104, #127.
// ⚠️ This is still valid, but deprecated:
import { User } from "@phosphor-icons/react";

// ✅ This is the new name going forward:
import { UserIcon } from "@phosphor-icons/react";
  • Bundle size reduced ~20% thanks to better minification.
  • Potentially fixed TypeScript errors in some projects due to more explicit "exports" field and disambiguation between es and cjs builds.

Related projects

Check out our plugins for popular design tools:

For developers, please check out our framework-specific packages:

v2.1.7

29 Jun 07:38

Choose a tag to compare

Fixes

  • Make icon types compatible with latest @types/react defs (#98, thanks @nklhtv!)

Related projects

Check out our plugins for popular design tools:

For developers, please check out our framework-specific packages:

v2.1.6

11 Jun 23:25

Choose a tag to compare

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:

For developers, please check out our framework-specific packages:

v2.1.5

20 Apr 22:11

Choose a tag to compare

Bugs

  • Reverts to using classic JSX runtime, fixing #90 and restoring support to react@16 apps.

Related projects

Check out our plugins for popular design tools:

For developers, please check out our framework-specific packages:

v2.1.4

01 Apr 20:06

Choose a tag to compare

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" in number-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 to box-arrow-down
  • Renamed archive-tray to tray-arrow-down
  • Deprecated folder-notch-* icons, which now alias to their folder-* 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:

For developers, please check out our framework-specific packages:

v2.0.14

31 Oct 17:42

Choose a tag to compare

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:

For developers, please check out our framework-specific packages:

v2.0.13

19 Sep 23:22

Choose a tag to compare

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:

For developers, please check out our framework-specific packages:

v2.0.11

19 Sep 21:54

Choose a tag to compare

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:

For developers, please check out our framework-specific packages:

v2.0.9

26 Apr 06:03

Choose a tag to compare

Bugs

  • Add lib modules to exports entry to package.json, allowing these these to be imported directly when needed

Related projects

Check out our plugins for popular design tools:

For developers, please check out our framework-specific packages: