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
- Backing fonts are now split by weight, reducing bundle size if you only use a subset of them
- Adds
PhosphorIcon
widget, which enables duotone weight and richer customization
Migration Guide
To migrate from v1.0.0 to 2.0.0 you just need to change all your
PhosphorIcons.iconStyle
to the new syntax PhosphorIcons.style.icon
.
For example:
// previous
Icon(
PhosphorIcons.pencilFill, // Pencil Fill Icon
)
// new
Icon(
PhosphorIcons.fill.pencil, // Pencil Fill Icon
)
// new and suggested
PhosphorIcon(
PhosphorIcons.fill.pencil, // Pencil Fill Icon
)
Also, we encourage you to use our new PhosphorIcon
widget to have support for
duotone icons.
Revisions
Notable changes:
- Distinct Fill and Duotone weights added for all icons
- 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