Skip to content

Releases: phosphor-icons/react

v2.1.5

20 Apr 22:11
Compare
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
Compare
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
Compare
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
Compare
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
Compare
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
Compare
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:

v2.0.6

19 Mar 19:12
Compare
Choose a tag to compare

Bugs

  • Add modular exports entry to package.json, allowing individual icons to be imported from qualified paths

Related projects

Check out our plugins for popular design tools:

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

v2.0.5

08 Mar 20:29
Compare
Choose a tag to compare

Bugs

  • Previously, build had been targeting ESNext, and artifacts contained syntax that some older bundlers were choking on (nullish coalescing operator). We now target ES2017 for much better compatibility.

Related projects

Check out our plugins for popular design tools:

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

v2.0.0

05 Mar 10:33
Compare
Choose a tag to compare

New icons

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

Features

  • Support React Server Components (#32) by adding "use client" directive. We will look into alternatives that don't force us to render this on the client in the future.
  • Drastically reduced bundle size by using outlined assets instead of strokes

Revisions

Notable changes:

  • Distinct Fill and Duotone weights added for all icons (#28)
  • Revised github-logo to better resemble their logo
  • Revised gitlab-logo and gitlab-logo-simple to resemble their new logo
  • Changed battery- set to be narrower
  • Simplified books from 3 to 2 books
  • Changed shape of buildings
  • Updated cell-signal- set with bars for the Regular, Thin, Light, and Bold weights
  • Revised flag-banner to appear to be in motion
  • Simplified image-square to 1 mountain and updated image to have 2 discrete mountains
  • Changed calendar date from "31" to "12"
  • Thickened cursor stem
  • Adjusted bus to read more like bus
  • Rounded the corners in money
  • Improved stem on leaf-fill
  • Updated the ticks on gauge
  • Inverted the fill treatments for map-trifold-fill and cake-fill
  • Simplified address-book from 4 to 3 spiral rings
  • Slimmed down git- set
  • Revised scale of number- set
  • Improved lettering of the file- set and closed-captioning
  • Filled more of grid-four-fill and barbell-fill
  • Simplified fill treatments for pen-nib-fill, pen-nib-straight, lock-key-fill, and lock-key-open-fill

Visual bugs and refactors:

  • Fixed crooked lines in codesandbox-logo, cube, star-half, star, hourglass-low
  • Fixed mispositioned lines in paper-plane, credit-card, trophy, paperclip-horizontal, file-search, bicycle
  • Fixed extra anchor points or elements in film-strip-fill, file-search-fill, wrench, floppy-disk, paw-print, truck, smiley-sad, text-strikethrough
  • Fixed incorrect opacity in toilet-duotone, dots-three-outline-duotone, dots-three-outline-vertical-duotone
  • Fixed incorrect stroke thickness in keyboard, terminal-window
  • Fixed corner radii in video-camera, gauge-fill
  • Fixed optical alignment of navigation-arrow

Renames:

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.

  • Renamed activity to pulse
  • Renamed circle-wavy to seal
  • Renamed circle-wavy-check to seal-check
  • Renamed circle-wavy-question to seal-question
  • Renamed circle-wavy-warning to seal-warning
  • Renamed file-dotted to file-dashed
  • Renamed file-search to file-magnifying-glass
  • Renamed folder-dotted to folder-dashed
  • Renamed folder-simple-dotted to folder-simple-dashed
  • Renamed text-bolder to text-b

Related projects

Check out our plugins for popular design tools:

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

v1.4.1

27 Feb 17:12
Compare
Choose a tag to compare

Added accessibility convenience

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!

Related projects

Check out our plugins for popular design tools:

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