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 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:

• @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 and pencil-line to push some contrast with the pencil-simple set; use pencil-simple for a more minimal approach

• Adjusted dotted line to solid line for star-half-fill and star-half-duotone

• Hatching approach reworked across drop-half, circle-half, circle-half-tilt, and square-half

Micro enhancements:

• Adjusted file-pdf slightly as we expand the file 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 and hands-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, and hand-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]