Material Icons Reviews and details

Social recommendations and mentions

• Menu Component with RiotJS (Material Design)

  An optional icon can be passed as an attribute if props.icon exists, it will show a Google Font Icon. - Source: dev.to / about 1 month ago

• Search Component with RiotJS (Material Design)

  The default search icon can be replaced with a Google Font Icon: Provide the attribute icon, accessible on the component with props.icon. - Source: dev.to / about 1 month ago

• Tabs Component with RiotJS (Material Design)

  A list of tabs must be passed as attribute, and it is accessible with props.tabs. Each object of the list will define properties of the tab: The label, an image, or an icon from Google Font Icons. - Source: dev.to / about 1 month ago

• Switch Component with RiotJS (Material Design)

  The component is instantiated with on the HTML. Add the attribute "icon" to display a Google Material Icon, such as. - Source: dev.to / about 1 month ago

• Show HN: Matex / Combine two materials icons

  (I'm not native English speaker, so I may use some wrong grammar. Also it's my first "Show HN" thing. Sorry) I made a simple CLI tool which combines two material icons into one like Edit Note icon (https://fonts.google.com/icons?selected=Material+Symbols+Outlined:edit_note:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=edit). - Source: Hacker News / 5 months ago

• Google Icons from Google Fonts with Nextjs

  Google has just launched it's material icons out of the box for all platforms. Previously the specification of Google Material Icons were developed by MUI/Vuetify and some other Google Material Based UI libraries for different frameworks. But, now Google itself developed its icon and make it open to all platforms to adopt. So, will it replace fontawesome? Who knows! May be it's a great time to get rid of... - Source: dev.to / 6 months ago

• I made a website with 2992 Material Symbols ready to be used as Icons in Jetpack Compose

  Nifty. I had used this to search what is available in the material icon library Https://fonts.google.com/icons. Source: 10 months ago

• Created my first reactJS project - Gamestore

  This is great work. I would suggest keep the NavBar & SideBar fixed. Add a search for games. In main page, tech stack used has 3 buttons but they aren't clickable, maybe just keep it hoverable instead of buttons or buttons to official website would be good too. I feel the overall functionality of the app is good but consider working on UI. Check out Dribbble for some inspiration. Also, try using Google Icons they... Source: 11 months ago

• Non Copyrighted Photos/Icons/Animations

  You can get free icons from google here https://fonts.google.com/icons. Source: 11 months ago

• How to create an icon like this

  You can go to Google Fonts Icons and select arrow and customize it according to your need. Source: about 1 year ago

• which website do you guys use for templates and icon repositories?

  Some common ones are https://fonts.google.com/icons or https://icons.getbootstrap.com/ and for industry specific we have our own library. Source: about 1 year ago

• Create and evolve a digital world of living cells with EvoLife. Experience realistic physics and fluid dynamics while designing unique species and editing digital DNA. Relax and observe as your world evolves over time or actively shape its evolution. Available now on Steam Early Access!

  Google has a very user friendly tool to help you find just the right icon: https://fonts.google.com/icons. Source: about 1 year ago

• Head Link Tag removed when site loaded publicly

  I'm trying to add material icons using the head link tag from https://fonts.google.com/icons. It works perfectly when logged in to the admin console. However, when loading the page without while not logged in to the admin console, the link tag gets removed. I can still see added section and the style tag so I know link tag should be there but it's just completely missing like it was removed. Is there something... Source: over 1 year ago

• How to Use SVG Icons in React App?

  To find an SVG icon for my project, I usually go to websites like Google Fonts or Feather. - Source: dev.to / over 1 year ago

• Vector based control graphics?

  There I included a library of various vector images that you can pick from and templates to use. I am working on updating it to use the Google Material Icons. Source: over 1 year ago

• It's always about the journey, not the destination.

  So, aside from that, I'm looking at icons from here to put on the right side of the keyboard, and then I'm going to make the number keys into symbols from a Conlang script of mine that looks sort of draconic or demonic. I'm into linguistics, and am writing some novels, so it makes sense to incorporate some of my work into things I use daily. I've never really used the num pad before, but I don't want to get a... Source: over 1 year ago

• Has anyone tried creating a Custom Icon pack for elementor?

  If anyone else has the same issue, here's how I solved it. I used Material Icons SVGs and converted them to elementor-supported icon pack using fantastic and uploaded them in the Custom Icon section. I'd say the Material Icon pack worked out okay for me. Still not as good as the default font awesome icons. Source: over 1 year ago

• Seriously, Don’t Use Icon Fonts

  FYI don't take this as a "best practise". Icon fonts vs SVG icons is a topic still widely debated in the web community. Google's new Material Symbols and Icons font shows some strong advantages for using icon fonts. Source: over 1 year ago

• A LIST of free tools to help you start in UX

  Https://fonts.google.com/icons - Google icons and fonts. Source: over 1 year ago

• 10 UI and UX Principles while styling with CSS

  a) Use appropriate icon set for all buttons. If you do not have proper icons, you can download it or use its link in stylesheet from Google Fonts. You can also use icons in emoji format. If you want to know the hex code of emojis you can refer to W3 Schools Emoji Reference. This will increase the accessibility of the website. - Source: dev.to / over 1 year ago

• Icon library not loading/empty - help listed on their site doesn't work

  Upload you own icons, you can get svg icons for free from google icons or something like svg repo. Source: over 1 year ago