Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Missing outline icons in icon fonts. #787

Closed
Antoniossss opened this issue May 23, 2018 · 14 comments
Closed

Missing outline icons in icon fonts. #787

Antoniossss opened this issue May 23, 2018 · 14 comments
Assignees

Comments

@Antoniossss
Copy link

For example
assignment_returned_outline
https://stackblitz.com/edit/angular-cxc9um?file=app/icon-overview-example.html

@wanderval
Copy link

wanderval commented May 25, 2018

@DKastani
Copy link

DKastani commented Jun 4, 2018

"check_circle_outline" is also absent
https://material.io/tools/icons/?icon=check_circle_outline&style=baseline
from the .ijmap file

@thw0rted
Copy link

I think the most popular "missing icon" issue is #786, maybe we could consolidate everything there?

@cguilhermef
Copy link

You can use, for while, this repository. Works pretty equal to Material Icon normal

cguilhermef/material-icons-outline

@hmachefe
Copy link

hmachefe commented Feb 9, 2019

very interesting to get whatever label icon rendered as its label_outline counterpart. But exclusively.
What if I want them both => I mean using label icon somewhere (without outline) and label_outline somewhere else (with outline)

@hmachefe
Copy link

hmachefe commented Feb 9, 2019

Any roadmap about when everything will be shipped (w/o outline) altogether to have them both ?

@cguilhermef
Copy link

cguilhermef commented Feb 9, 2019

I will try do this merge, but I'm not sure about the final size of this font files. Maybe, it will grow a lot. There are 1044 icons. Merging they, up to 2088 glyphs. But.. we can try!

@feldmanz66
Copy link

Any update on this? Local offer, local play, and local activity are all not available in outline. I'm willing to guess there are more.

local_activity_outline
image

@boutell
Copy link

boutell commented Dec 5, 2021

Came here because I couldn't find the magic incantation, the site says "border" is part of the name but "_outline" is the necessary suffix for the fonts, thanks.

@tphinney
Copy link
Collaborator

Moving forward with the latest variable font versions, in general we do not have separate glyphs for a regular and "_outline" variants of the same design; we instead introduced a Fill axis, so you can get the outline version (as the default glyph) and then use the Fill effect to get at the filled version if you need it. This has the extra ability to allow for an animated transition between the states.

In the process of “variable fontification” we made more glyphs outlined in their default state. And of course pretty nearly everything that is outlined transmutes to filled with the Fill axis. This includes all of the icons specifically discussed in this thread! That is:

  • local_activity
  • label
  • check_circle
  • create_new_folder
  • assignment_return

I hope you like the new effect, and the greater variety of styles enabled by this and the other three design axes (weight, optical size, grade). My team and I have been working on it for a long time, and have enhanced over 2000 base icons with these additional style variations.

@thw0rted
Copy link

@tphinney is the additional "axis" available now? I don't see anything about it in the docs linked from the front page of this repo. I'm looking for a simple description of how to take advantage of the feature, ideally from Angular Material mat-icon, if possible.

@tphinney
Copy link
Collaborator

tphinney commented May 2, 2022

Yes, it is available now! I updated the front page (Readme) to point to the current docs. Sorry about the dated links there, should be better now.

The Readme page of the repo now also clarifies the two different versions of the fonts, the Material Icons (non-variable classic fonts) and the Material Symbols (new 4-axis variable fonts).

@tphinney tphinney self-assigned this May 2, 2022
@thw0rted
Copy link

thw0rted commented May 3, 2022

Thanks, I'll read the updated docs. I mentioned Angular Material (Angular Components?) above, apparently there's already an issue tracking support for the newer version: angular/components#24845

ETA: would it make sense to "release" a new major version (5.0.0) after a change this significant? I know the docs encourage use of the fonts via googleapis.com but some of us need offline support. (I always point people to https://github.com/jossef/material-design-icons-iconfont, which does a great job of not making your npm install take half an hour...)

@tphinney
Copy link
Collaborator

Closing this as it has been resolved on the icon font side with Material Symbols. The old Material Icons are not being updated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

10 participants