For ReactJS developers, this is always my go-to: https://react-icons.github.io/react-icons
Tons of SVG icons from popular packs and using ES6 imports, you only bundle the icons you use.
Icons – Google Fonts
91–100 of 190 posts
Re: Icons – Google Fonts
#92Wow. I wonder what this means for the future of Font Awesome.
I know plenty of people are anti-Google, and also prefer SVG's over icon fonts for valid reasons (though you can download these as SVG's as well).
But now that this is easier to embed than Font Awesome, has basically the same number/range of icons as Font Awesome's free tier, doesn't come with the 10K pageviews/mo. restriction that Font Awesome's free tier comes with, and so many sites already use Google Fonts for their display and/or body text...
...I'd be very surprised if this doesn't quickly become the new de-facto standard icon font.
Re: Icons – Google Fonts
#93Regular reminder that icon fonts are bad for accessibility and are technically troublesome also in other ways: https://github.blog/2016-02-22-delivering-octicons-with-svg/
I can't see how these would be bad for accessibility. The markup is a with a human readable word like "home" in it.
Just to complement other's responses, accessibility is a spectrum.
We ought to believe someone chooses to use an icon for aesthetics AND usability reasons. If the icon can't be rendered at all, it defeats it's purpose despite it having a "description".
Ultimately, if a well designed, user-friendly system doesn't work the way it's intended to, it is an accessibility issue of some degree. Albeit, some times more trivial than others.
Re: Icons – Google Fonts
#94Interesting that they have icons for "nordic walking" and "electric rickshaw", but nothing for twitter or a tweet.
Seems pretty clear they're avoiding icons that specifically reference 3rd party brands.
What would a generic icon for a tweet be that differs from a "message" icon?
Re: Icons – Google Fonts
#95Earlier quoted context omitted.
You can also use Boxy SVG to create and edit SVG sprites: https://boxy-svg.com/#tour-symbols
Boxy says "15 day free trial" but there's no information about how much it costs. Dora anyone know? I'm not going to sign up for something without knowing what I'm getting into.
Linux desktop app is free, macOS desktop app costs 9.99 USD (one-time payment), web app costs 9.99 USD / year (no cloud services) or 9.99 USD / month (with cloud services). The complete pricing table is shown in the footer area of the home page when you open it with a Chromium-based browser.
Re: Icons – Google Fonts
#96[deleted]
Re: Icons – Google Fonts
#97Google Fonts used to have this great feature where I can select a number of fonts and view them all on a single page. It was super useful because I can type in any text and preview the text in these selected fonts.
However, I can't seem to find this feature any more. Right now if I select fonts, they just show up in the sidebar. But I can preview them in any way.
There's gotta be something that I missed?
Re: Icons – Google Fonts
#98Earlier quoted context omitted.
As a web developer, it literally is your only job to make a website that is usable by people.
I design websites that are to be used with primarily desktop screens. If you want to use an unsupported configuration such as a tiny screen or with no screen then it is not my fault if it does not work well. Similarly, if I make a VR game I am not going to design it in a way that makes creating a pancake version of the game easier to use. If someone does create a pancake mod for the game, they should not complain abo…
I design websites that are to be used with primarily desktop screens. If you want to use an unsupported configuration such as a tiny screen or with no screen then it is not my fault if it does not work well.
It's good that you're this steadfast in your righteousness. That way you know why so many businesses don't consider hiring you.
Re: Icons – Google Fonts
#99I like that the SVGs are available under the Apache license. Because of that, I may actually get some use out of these.
Does anyone know if Apple's SF Symbols are available under a similar license? I looked at Apple's web site, and it only mentions not using them in trademarks.
Re: Icons – Google Fonts
#100Are Google serious? Simultaneously pushing websites to be highly efficient (Core Web Vitals), at the same time as introducing the methods that can make them less efficient. Also, about these icons, they mention "please don’t try to sell them", immediately followed by "Apache license 2.0". Well, Google, which is it? Do they actually mean to say "you have permission to sell them, but please don't?"
I'll try selling them