phosphor-icons / homepage Goto Github PK
View Code? Open in Web Editor NEWThe homepage of Phosphor Icons, a flexible icon family for everyone
Home Page: https://phosphoricons.com
License: MIT License
The homepage of Phosphor Icons, a flexible icon family for everyone
Home Page: https://phosphoricons.com
License: MIT License
Describe the requested icon
Variants of the hamburger icon would be great addition I think.
Some good use cases described here.
Screenshots
Here are some of my ideas:
Additional context
I think providing some alternatives would be good for hamburger menu as it's one of the commonly used UI pattern in landing pages.
Absolutely love phosphor icons by the way. We are using it in our production app. Thanks.
Describe the requested icon
Hello @author,
Could you please add Icon "star half" to library.
Thanks in advance!
Screenshots
If applicable, add screenshots to help illustrate the icon appearance.
https://fontawesome.com/v5.15/icons/star-half-alt?style=solid
https://fontawesome.com/v5.15/icons/star-half?style=solid
Additional context
Add any other context here.
Describe the requested icon
It would be cool if there are some select icons in this library.
Screenshots
https://materialdesignicons.com/icon/select-off
https://materialdesignicons.com/icon/select
https://materialdesignicons.com/icon/select-inverse
https://materialdesignicons.com/icon/select-all
Additional context
I'm switching from materialdesignicons to phosphor because I like the light icons :)
The available icon set is amazing, but there's one icon missing from building great looking home weather station UI and it's thermometer icon. Would be great addition, since e.g. weather related icons already exist.
Existing drop icon would work for humidity usage, but slight modification with %-sign would make it even more ideal fit for humidity data.
Hey! Is it possible to have icons for Microsoft Teams?
Oh and by the way, this library is awesome!!
Describe the requested icon
Import export icons. For when you can import a file, edit it, then export it.
Screen share icon please, love your work so much!
Needed an icon of a Cookie for our GRPC notice and was surprised to find Phosphor doesn't have one yet. Think there might be other icons related to privacy that could be cool to ad as well.
I wish there was a star-shaped icon that was full.
I have a few icons to request, some of which I think are mandatory for icons libraries.
Bold
Italic
Underline
Strikethrough/Line through
arrow-line-middle-vertical
arrow-line-middle-horizontal
Originally posted by @RichardBarrett in #7 (comment)
Describe the requested icon
The icon could be used to show links to a playlist, album or song, on Spotify.
For the authentication form, I need some brands. the brands "Google" and "Apple" already exist, but "Microsoft" doesn't
Built-in SIM for mobile phones
Describe the requested icon
It would be nice to have drawing-related icons : I'm building an app where people can trace shapes on a map and I came with these manually drawn icons (screenshot):
The downside of these is:
img
tag thus don't support color variationsBasically, I'd like the following icons:
I haven't seen a way to combine icons (e.g.: a ph-map-pin
with an upper ph-plus
), these variants are welcome:
Additional context
If you're interested to add these and want a base, the sources are available. (I see there are some more outdated ones from when I wasn't yet using Phosphor :) )
I can also make a PR with an attempt to match your design.
Thanks for the good work, your set is refreshing :)
Describe the requested icon
The Medium brand icon is outdated. I would really appreciate it if you could update it.
Thank you for building Phosphor Icons ✨
Read about the new Medium brand and logo guidelines here.
Screenshots
Additional context
An introduction to Medium's evolved brand identity
Could you please add "Fast forward" and "Rewind" similar to "fast-forward-circle" and "rewind-circle" without the circle to complete the set of play / pause / stop / skip-forward / skip-back.
Thank you.
Again, thank you so much for such an awesome icon set!
A few suggestions for the next release:
Cheers!
Hey there. Love this library. I'm wondering, our design system is built on the idea that no elements have whitespace, and that is the job of our layout components. It looks like all these icons contain their own whitespace. Is there a way I'd be able to batch convert all of these to removed the excess whitespace? Thank you so much!
Hi teams,
Thanks for your amazing icons.
But I hope you can add more icon such as handshake or something similar with the deal meaning.
Describe the requested icon
You'll often see chevron's used for dropdown menu's, or buttons that go back and forward.
I tried to use the Phosphor arrow's, arrow-circle's and caret but these look a bit weird to me for these controls.
Screenshots
This is what we're currently using for a dropdown menu:
And here we are using the Phosphor caret. It looks okay but I suspect chevrons would display nicer:
Describe the requested icon
Sometimes, when some items in a complex template have or don't have an icon, it may be beneficial to load them with a 'blank' icon to keep code simple instead adjusting visibility or opacity.
Screenshots
Super simple: just a empty icon that could support the same attributes (mainly size) that normal icons could support.
Hi guys,
Firs of all what a great library. We are dropping everything else and only using this from no on.
Thank you for making available to the public!
Any chance to create a TikTok icon to go along the other social media icons? It's the only icon we are missing right now.
Best regards,
Pablo
Hi, I love your icons and really enjoy using them!
I'm building a simple open-source website and would like to add a link to its GitHub.
Describe the requested icon
A GitHub icon.
Additional context
I wasn't sure if this is allowed in terms of IP, but I've found a lot of free icons reinterpreting GitHub, so I assume it is legal.
Describe the requested icon
https://pinterest.com
Describe the requested icon
A picture-in-picture icon (as the one seen for example when you play videos with Firefox or Opera) to change a video into a smaller format version that is usually displayed in a corner of the screen to allow for browsing content while simultaneously watching a video.
It could for example be used in a video chat app or on any website that offers video playback.
Screenshots
Picture-in-picture button in Firefox (also note the PiP icon in the YouTube player controls):
Existing implementations
The icon used in firefox:
Material icons for picture-in-picture mode:
Describe the requested icon
I need an icon to select a color.
Screenshots
https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Apalette
Something like that :)
Additional context
-
Hey, fantastic job on the icons and website. I have one idea for an enhacement. It would be really cool if you could provide checkboxes to enable/disable stroke-linecap
and stroke-linejoin
Describe the requested icon
A collection of icons to extend what is already there plus a few new ones. I've put together the SVGs, they're contained in the attached ZIP file.
Thanks for making Phosphor icons open source, we love them. We really appreciate the attention to detail in retaining a clear consistency of style throughout the set as well as all the thoughtfulness put into their documentation and distribution.
We are currently using Phosphor in our web app at 16px and 20px for most icons, with some 24px and 32px icons for limited cases. We are having a little trouble getting the icon stroke width to look consistent across each size. Even experimenting with the various options (thin, light, regular etc.) we find that the bold 16px icons render a bit thin compared to larger icons of the same style. Additionally, we love the duotone set, but can't use this flexibly as the stroke weight is currently fixed.
We'd like to propose the idea of granular control of stroke width. Of course we recognise it may not be possible to render the icons properly and legibly at all stroke widths, but having some finer control might allow us to get consistency across icon sizes.
Another simpler idea may be to introduce a 'black' weight that helps us beef up icons at smaller sizes.
Would love to know what you think. If you're on board with this change we're more than happy to submit a pull request.
Thanks again for all your work on this!
Mike and @callum
Describe the requested icon
First of all want to say a huge THANK YOU for releasing this library, this is by far the most nice looking and perfectly designed icon set. Please keep maintaining it, it will for sure become more and more popular!
As per icon request, would be nice to have some nice loading indicator that can be animated with infinite rotation in CSS.
Screenshots
Something like this:
I'm trying to pick an icon to represent my community's seminars. I've grown really quite attached to the duotone Phosphoricons, so it's a shame that there's nothing education-based in there, not even a graduation cap. In the meantime I'm using puzzle-piece
.
FontAwesome has both a chalkboard and a chalkboard+teacher:
Many thanks, and thanks to the both of you for this very useful project.
您好,我在使用的过程中经常会用到“男女性别”的图标,或者说male、female,使用次数比较频繁,希望能尽快添加到图标库,感谢!
Describe the requested icon
I'll start with the use case, since it makes it clear why I would like these icons to be added. On macOS (mainly), modifier keys are represented by symbols, when the shortcut is shown, like: ⌘+C, ⌥+⇧+X. command
, backspace
, windows-logo
, arrow-fat-up
, arrow-fat-line-up
, arrow-line-right
and key-return
are already a part of the collection, and since the unicode characters are inconsistent, I prefer to use the icons when displaying shortcuts.
The missing icons are:
Screenshots
This is from the shortcuts tab of Google Docs, I find it inconsistent:
As for the icons to be added, something similar to the character would be the best option in my opinion.
Additional context
Add any other context here.
Describe the requested icon
An icon that represents a loading state. Like a circle of dots or a circle with a notch so you can animate it to show loading. (I couldn't find anything that resembled this, correct me if I'm wrong.)
Additional context
Love the library. Thanks for your hard work!
Movie genres
Misc
I know some of them (like the Heart for Romance, the Knife for Thriller,...) already exists, but I just put them in the list just in case you guys had a better idea for those.
Of course, the icons don't have to be named like the genre for example the Western icon should probably be named Cactus but it would be cool to create a collection of these. For a movie theater website, a screenwriting app, or whatever related to movies.
Screenshots to illustrate both how the icons could look like and their usage
I'm building a Flutter app and using this awesome icons package!
What I need is to set icons dynamic via database, but right now this isn't possible because we don't have each icon code mapped, thus, I can't make an API that provides the list of icons.
Could we have something like a json that we can use to map all icons into our apps? Thanks!
Hopefully Unicode has been added to the preview.
.ph-pencil-line:before {
content: "\f130";
}
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.