phosphor-icons / figma

A flexible icon family for Figma

Phosphor Icons

Phosphor is a flexible icon family for interfaces, diagrams, presentations — whatever, really. Explore all our icons at phosphoricons.com.

Figma Plugin

Browse, search, and copy into your project all from within Figma! To install, visit our community page.

Raw Assets

If you'd like to use the raw assets directly to modify them, click the toggle in the toolbar to change from Flat to Raw. You can also download our asset kit.

• SVGs – Individual icon SVGs, in both minified and original formats retaining design-time detail.
• Icon Font – Use the icons as you would text, in print and other applications where full-fledged graphical elements are undesirable.

Our Related Projects

• @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
• @phosphor-icons/sketch ▲ Phosphor icons Sketch plugin

Community Projects

• phosphor-react-native ▲ Phosphor icon component library for React Native
• phosphor-svelte ▲ Phosphor icons for Svelte apps
• phosphor-r ▲ Phosphor icon wrapper for R documents and applications
• blade-phosphor-icons ▲ Phosphor icons in your Laravel Blade views
• wireui/phosphoricons ▲ Phosphor icons for Laravel
• phosphor-css ▲ CSS wrapper for Phosphor SVG icons
• ruby-phosphor-icons ▲ Phosphor icons for Ruby and Rails applications
• eleventy-plugin-phosphoricons ▲ An Eleventy plugin for add shortcode, allows Phosphor icons to be embedded as inline svg into templates
• phosphor-leptos ▲ Phosphor icon component library for Leptos apps (rust)

If you've made a port of Phosphor and you want to see it here, just open a PR here!

License

MIT © Phosphor Icons

figma's Issues

Making the Duotone Icons only two layers

It would be great if the Duotone icons could be simplified into only being 2 layers. Otherwise when we override stroke width and colour and swap an instance the part of the icons often does not receive the override.

Include "tags" into the figma library file to make search easier

it would be amazing to include "Tags" into the description of each Icon in the figma library.

It would make searching for Icons so much easier !

Post a language pack update

Hi,
my team are working with Phosphor icons but we needed a portuguese pack of lang in figma, can we share or send a pull request with language pack to be used in english and other languages?

The Phosphor did thinked about language pack to update all platforms?

Include "Size" option

Ideally, it would be great if you added a "Size" option. Then when they are inserted into the file, they are fills, not strokes. Scaling them is not aligned with how they display in code/browsers. This would also avoid extra work for designers to avoid using "Outline stroke" and/or scale them, for accurate dev hand-off or displaying in the Figma files. Thanks, much appreciated!