Table of contents
Extensive Collection
Material Icons offer a comprehensive set of over 2,000 icons, covering a wide range of use cases and design needs.
Consistency
The icons are designed following Google's Material Design guidelines, ensuring visual and functional consistency across different platforms and applications.
Scalability
Being vector-based, these icons can be scaled to any size without losing quality, making them versatile for various screen resolutions.
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.
Customizability
Icons can be customized in terms of color, size, and other styles to fit the specific needs of a project.
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.
Promote Material Icons. You can add any of these badges on your website.
We have collected here some useful links to help you find out if Material Icons is good.
Check the traffic stats of Material Icons on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.
Check the "Domain Rating" of Material Icons on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of Material Icons's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.
Check the "Domain Authority" of Material Icons on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.
The latest comments about Material Icons on Reddit. This can help you find out how popualr the product is and what people think about it.
Material Icons consolidate over 2,500 glyphs in a single font file with a wide range of design variants. If you're using Angular Material, these icons integrate seamlessly with the theming system and automatically pick up your app's color palette. The mat-icon component supports both font ligatures and SVG icons, with MatIconRegistry for custom icon management. - Source: dev.to / 10 months ago
By adding Material Design Icons to your project, you can have a clean and professional look that is in line with current design standards. - Source: dev.to / about 1 year ago
It is a collection of icons provided by Google Fonts, available on their website. This set is the go-to for developers who want to maintain consistency with Google’s Material Design principles. With a wide range of icons, this library is perfect for creating a polished, cohesive app interface. - Source: dev.to / about 1 year ago
Material Icons Fonts.google.com/icons Google’s open-source icon set for Material Design. - Source: dev.to / about 1 year ago
Website: Material Symbols GitHub Repo: GitHub Repo. - Source: dev.to / over 1 year ago
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 / over 1 year ago
Uses Google Icons for button visuals, modern and adaptable to different themes. - Source: dev.to / over 1 year ago
Integrated Google Icon and code-prettify for syntax highlighting. - Source: dev.to / over 1 year ago
Material symbols When using Material Icon Component this one comes in handy if you need specific icons. - Source: dev.to / over 1 year ago
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 / over 1 year ago
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 / almost 2 years ago
An optional icon can be passed as an attribute if props.icon exists, it will show a Google Font Icon. - Source: dev.to / about 2 years ago
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 2 years ago
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 2 years ago
The component is instantiated with on the HTML. Add the attribute "icon" to display a Google Material Icon, such as. - Source: dev.to / about 2 years ago
(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 / over 2 years ago
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 2 years ago
Nifty. I had used this to search what is available in the material icon library Https://fonts.google.com/icons. Source: almost 3 years ago
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: almost 3 years ago
You can get free icons from google here https://fonts.google.com/icons. Source: almost 3 years ago
You can go to Google Fonts Icons and select arrow and customize it according to your need. Source: about 3 years ago
Material Icons, part of Google's extensive suite of design tools, enjoys widespread recognition and adoption across the software development community. This collection is frequently lauded for its adherence to Google’s Material Design principles, providing a comprehensive and cohesive aesthetic that complements modern web and app interfaces.
One of the key highlights of Material Icons is its ease of integration. Its accessibility via Google Fonts mirrors the simplicity of including a Google Font on a webpage, making it a convenient choice for developers familiar with Google’s ecosystem. This accessibility extends to integration across various platforms and frameworks, ensuring a seamless user experience. The library's support for over 135 languages sets it apart from many of its competitors, such as Fontello, providing a considerable edge in global and diverse project applications.
The design quality and breadth of Material Icons are consistently praised. Developers and designers appreciate the clean, professional look the icons impart to projects. The range of available icons is extensive, catering to numerous use cases and design needs. Furthermore, the fact that these icons align with Google's Material Design principles ensures a uniform and polished visual style, particularly desirable for applications seeking a contemporary and cohesive look.
Moreover, the open-source nature of Material Icons, freely available on various platforms, makes it an attractive option for developers looking to minimize costs while maintaining high design standards. This availability amplifies its appeal, particularly in contrast to premium icon platforms that require subscription fees.
In the context of other popular icon libraries, Material Icons stands out for its robust language support and integration ease, although it's worth noting that traditional competitors like Font Awesome retain a loyal user base due to their long-standing presence and brand recognition. However, with Google’s continuous development and support, Material Icons is poised to be a formidable alternative, offering developers and designers an appealing blend of quality, accessibility, and design alignment.
In summary, Material Icons remains a popular choice among developers and designers for its extensive icon library, language support, ease of integration, and adherence to Material Design principles. Its competitive edge lies in its open-source availability and alignment with Google's trusted brand, making it a compelling option in a crowded landscape of icon libraries. As the design and tech community continues to evolve, Material Icons is well-positioned to meet the demands of modern web and application development.
Do you know an article comparing Material Icons to other products?
Suggest a link to a post with product alternatives.
Is Material Icons good? This is an informative page that will help you find out. Moreover, you can review and discuss Material Icons 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.
