Software Alternatives, Accelerators & Startups

Material Icons Reviews and details

Screenshots and images

  • Material Icons Landing page
    Landing page //
    2024-05-22

Features & Specs

  1. Extensive Collection

    Material Icons offer a comprehensive set of over 2,000 icons, covering a wide range of use cases and design needs.

  2. Consistency

    The icons are designed following Google's Material Design guidelines, ensuring visual and functional consistency across different platforms and applications.

  3. Scalability

    Being vector-based, these icons can be scaled to any size without losing quality, making them versatile for various screen resolutions.

  4. Ease of Integration

    Material Icons are easy to integrate into projects through the use of the Google Fonts API, CSS, or direct downloading and inclusion in codebases.

  5. Customizability

    Icons can be customized in terms of color, size, and other styles to fit the specific needs of a project.

  6. Free and Open Source

    Material Icons are free to use under the Apache License 2.0, making them accessible for both personal and commercial projects.

Badges & Trophies

Promote Material Icons. You can add any of these badges on your website.

SaaSHub badge
Show embed code
SaaSHub badge
Show embed code

Videos

NOU - Icon Pack Review Material Icons Best Icon Pack

Social recommendations and mentions

We have tracked the following product recommendations or mentions on various public social media platforms and blogs. They can help you see what people think about Material Icons and what they use it for.
  • Ask HN: Which SVG icon library are you using and why?
    Https://fonts.google.com/icons My preference for new projects is currently swaying towards Google's Material library as its just so easy and fast to use. Nevertheless Fontawesome has been a staple for me for the last several years! - Source: Hacker News / about 1 month ago
  • FlexPlyr: Modular Media Player
    Uses Google Icons for button visuals, modern and adaptable to different themes. - Source: dev.to / about 2 months ago
  • NanoMD: Lightweight Markdown Editor
    Integrated Google Icon and code-prettify for syntax highlighting. - Source: dev.to / about 2 months ago
  • Angular resources I often return to
    Material symbols When using Material Icon Component this one comes in handy if you need specific icons. - Source: dev.to / 3 months ago
  • Best Open Source Flutter Icon Libraries in 2024
    Material Icons, provided by Google, is a go-to resource for developers who want to adhere to Material Design principles. With a wide range of icons available, this library ensures a polished and cohesive app interface, making it a popular choice for maintaining consistency across your project. - Source: dev.to / 6 months ago
  • Japanese standard stock photos
    Https://fonts.google.com/icons Google provides a large collection of icons that you can use. These icons are designed for web use. We can use these easily set cdn and input tags to source codes. - Source: dev.to / 9 months ago
  • 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 / 11 months 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 / 11 months 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 / 11 months 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 / 11 months 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 / about 1 year 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 / over 1 year 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: over 1 year 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: over 1 year ago
  • Non Copyrighted Photos/Icons/Animations
    You can get free icons from google here https://fonts.google.com/icons. Source: over 1 year 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: almost 2 years 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: almost 2 years 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 2 years 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: about 2 years 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 / about 2 years 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: about 2 years ago

External sources with reviews and comparisons of Material Icons

10 Best Fontello Alternatives 2021
Fontello doesn’t have this capability so this makes Material Icons the more superior tool. Also, the Material Icons font catalog supports over 135 languages—a feature most of its rivals including Fontello cannot do.
Top FontAwesome alternatives to use on your websites
If you are familiar with Google Fonts already, then you will be familiar with Google's Material Icons. You can include Material Icons in the exact same way that you would include a Google Font family on your webpage.

Do you know an article comparing Material Icons to other products?
Suggest a link to a post with product alternatives.

Suggest an article

Material Icons discussion

Log in or Post with

This is an informative page about Material Icons. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.