material-design-icons VS react-icons

Website: Material Symbols GitHub Repo: GitHub Repo

They link on the docs to the github which lists these extra options though. https://github.com/google/material-design-icons/tree/master/font So it's easy to miss.

Hi, I want to include the material design icons in my webdesign. In the docs it says I could use the webfont which can be found here. However there is only ttf/otf but no woff2. In the docs it says there should be a woff2 that is 42KB in size, but I can't find it...

And this is the result I get:  I used the icon from \material-design-icons-1.0.0\content\drawable-hdpi\ic_add_black_48dp.png https://github.com/google/material-design-icons/releases/tag/1.0.1

Installing Google Material icons using Setup Method 2 self hosting for our React project the ligatures associated with the icon is sometimes displayed before the material icon.

Your project’s design focuses mostly on background. And the icons are inconsistent. If you want some good icons try Material Icons or OpenMoji. The latter look close to your icon pack.

Note: Indicator icons are from https://github.com/google/material-design-icons Thanks to rsheeter and other contributors for publishing Material Icons with open sources. Indicator icons are available under the Apache License Version 2.0

Great resource.

Has anyone come across a semantic search to navigate these icon libraries? I want to be able to search for “Industry” and get icons returned that show factory, cogs etc. I’ve been using https://react-icons.github.io/react-icons but the same problem there, you search for a string and it just greps across the official icon name. If you don’t know the name you’re not going to find it.

2. React Icons Website: https://react-icons.github.io/react-icons/

React Icons: A portfolio needs visual elements to engage visitors. React Icons gives us access to social media icons for your profiles, tech stack icons for your skills section, and UI icons for navigation and interaction.

React Icons for lightweight icons

Resource: React Icons Documentation

This was just a tiny change but I did discover something that is really neat from working on this. I found out, from looking into how the other items on the menu has icons, that its using icons from react-icons. Where you can easily import the icons and implement them as components. They also work light and dark mode, where they change automatically when the user change color modes. If it weren't for this, I would look for an .png of the settings icon and add the image beside the text and I would need to for light and dark mode.

react-icons - lib de icones para react.

While I looking for my second issue I came across rails_icons. It reminded me of react-icons but for rails. Since I have have some experience in Ruby on rails and its been a while since I used it so I wanted to get some practice.

For icon design, you can use Codicons, a set of official VS Code icons. If you’re working with React, consider using React Icons.

Website: React Icons