Releases: phosphor-icons/react
v2.0.0
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
andgitlab-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 updatedimage
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
andcake-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 andclosed-captioning
- Filled more of
grid-four-fill
andbarbell-fill
- Simplified fill treatments for
pen-nib-fill
,pen-nib-straight
,lock-key-fill
, andlock-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
topulse
- Renamed
circle-wavy
toseal
- Renamed
circle-wavy-check
toseal-check
- Renamed
circle-wavy-question
toseal-question
- Renamed
circle-wavy-warning
toseal-warning
- Renamed
file-dotted
tofile-dashed
- Renamed
file-search
tofile-magnifying-glass
- Renamed
folder-dotted
tofolder-dashed
- Renamed
folder-simple-dotted
tofolder-simple-dashed
- Renamed
text-bolder
totext-b
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
v1.4.1
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:
- phosphor-figma ▲ Phosphor plugin for Figma
- phosphor-sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- phosphor-react ▲ Phosphor icon component library for React
- phosphor-vue ▲ Phosphor icon component library for Vue
- phosphor-elm ▲ Phosphor icon package for Elm
- phosphor-icons ▲ Phosphor icons for Vanilla JS
- phosphor-flutter ▲ Phosphor IconData library for Flutter
- phosphor-webcomponents ▲ Phosphor icons as Web Components [WIP]
v1.4.0
New icons
This release adds 153 new icons to the family:
alien
, align-bottom-simple
, align-center-horizontal-simple
, align-center-vertical-simple
, align-left-simple
, align-right-simple
, align-top-simple
, angular-logo
, app-store-logo
, apple-podcasts-logo
, arrows-horizontal
, arrows-vertical
, asterisk-simple
, backpack
, balloon
, barricade
, bathtub
, battery-plus
, beer-bottle
, behance-logo
, bezier-curve
, binoculars
, butterfly
, cactus
, camera-rotate
, campfire
, circle-notch
, coat-hanger
, codepen-logo
, codesandbox-logo
, coin-vertical
, coins
, confetti
, copyleft
, currency-eth
, currency-kzt
, currency-ngn
, cursor-text
, cylinder
, detective
, diamonds-four
, drop-half-bottom
, egg
, egg-crack
, equalizer
, exam
, eyedropper-sample
, eyeglasses
, file-audio
, file-cloud
, file-code
, file-css
, file-csv
, file-doc
, file-html
, file-image
, file-jpg
, file-js
, file-jsx
, file-lock
, file-png
, file-ppt
, file-rs
, file-ts
, file-tsx
, file-video
, file-vue
, file-xls
, file-zip
, film-script
, film-slate
, flag-checkered
, flying-saucer
, folder-dotted
, folder-lock
, folder-star
, folder-user
, folder-simple-dotted
, folder-simple-lock
, folder-simple-star
, folder-simple-user
, function
, google-chrome-logo
, google-photos-logo
, google-podcasts-logo
, gradient
, graph
, hamburger
, hand-eye
, heart-break
, heart-straight-break
, kanban
, keyhole
, ladder
, ladder-simple
, linux-logo
, list-checks
, mask-happy
, mask-sad
, microphone-stage
, microsoft-excel-logo
, microsoft-powerpoint-logo
, microsoft-teams-logo
, microsoft-word-logo
, mountains
, music-notes-plus
, needle
, option
, parachute
, password
, pencil-simple-line
, perspective
, piano-keys
, pinwheel
, plug
, plugs
, plugs-connected
, police-car
, popcorn
, radio-button
, rug
, scan
, scroll
, shield-star
, sidebar
, sidebar-simple
, signpost
, skull
, spiral
, square-half-bottom
, stack-overflow-logo
, stamp
, strategy
, sunglasses
, syringe
, tabs
, taxi
, text-indent
, text-outdent
, textbox
, toilet
, trademark-registered
, traffic-cone
, traffic-signal
, user-switch
, vault
, vignette
, wave-sawtooth
, wave-sine
, wave-square
, wave-triangle
, webcam
, yin-yang
Regressions
Due to limitations with our tools, our icon font no longer supports ligatures, for the time being. Use the unicode codepoints, or class names provided on our site if in a web context. We're looking for a solution to this, and hope to have one soon.
Revisions
Notable changes:
- Redrew
film-strip
to be more readable
- Added one more line to
pencil
andpencil-line
to push some contrast with thepencil-simple
set; usepencil-simple
for a more minimal approach
- Adjusted dotted line to solid line for
star-half-fill
andstar-half-duotone
- Hatching approach reworked across
drop-half
,circle-half
,circle-half-tilt
, andsquare-half
Micro enhancements:
- Adjusted
file-pdf
slightly as we expand thefile
set - Softened sharp outer edges in handful of icons:
armchair-fill
,dribbble-logo-fill
,facebook-logo-fill
,pinterest-logo-fill
,briefcase-metal-fill
,download-fill
,upload-fill
,airplay-fill
,wall-fill
,ruler-fill
,baby-fill
,cat-fill
,gauge-fill
,cloud-fog-fill
,cloud-check-fill
,cloud-arrow-up-fill
,cloud-arrow-down-fill
,cloud-lightning-fill
,cloud-rain-fill
,cloud-snow-fill
,cloud-fill
,paper-plane-fill
,paper-plane-right-fill
,paper-plane-tilt-fill
,jeep-fill
,at-fill
,wifi-x-fill
,cell-signal-x-fill
,floppy-disk-back-fill
,heartbeat-fill
,baseball-fill
,tennis-ball-fill
,basketball-fill
Visual bugs:
- Fixed
hands-clapping-fill
andhands-clapping-duotone
to be the right weight - Fixed a corner radius mistake in one corner of
pencil-simple
Refactoring:
- Anchor points cleaned up in many icons
- Duplicate elements removed from
truck
,key
,hand
,hand-palm
, andhand-grabbing
sets - Joined lines in
hand-pointing
set
Related projects
Check out our plugins for popular design tools:
- phosphor-figma ▲ Phosphor plugin for Figma
- phosphor-sketch ▲ Phosphor plugin for Sketch
For developers, please check out our framework-specific packages:
- phosphor-react ▲ Phosphor icon component library for React
- phosphor-vue ▲ Phosphor icon component library for Vue
- phosphor-icons ▲ Phosphor icons for Vanilla JS
- phosphor-flutter ▲ Phosphor IconData library for Flutter
- phosphor-webcomponents ▲ Phosphor icons as Web Components [WIP]