Official Material Design style icons provided by Google. Use this tag for issues importing or using the icons provided at material.io. For the community driven icon set, please use the [material-design-icons] tag.
Questions tagged [google-material-icons]
223 questions
0
votes
1 answer
google-material-icons aren't visible anymore
My Wordpress website uses google-material-icons that suddenly became not visible on browsers (Chrome, Safari, Firefox). Why? Can it have to do smth. with the Wordpress updates?
On Chrome
On Safari
On Firefox
Link to the website
Example of css that…
lemontree
- 13
- 1
- 4
0
votes
0 answers
Why are some Material Symbols not rendered?
I find that in the latest Material Symbols (v4.0.0) there are many codepoints that do not render (e.g. show as a box with an X in it), for instance:
account_circle_full
add_shortcut_to_drive
amp_error
authenticator…
user9645
- 6,286
- 6
- 29
- 43
0
votes
1 answer
google Material Icons are not rendering properly on any website in chrome browser on Ubuntu
There must be a problem with internal Ubuntu's font conflict or some bugs. Unable to find the what is the reason for this. Please, share any solution.
Using Ubuntu 20.04, with Google Chrome: Version 104.0.5112.101 (Official Build) (64-bit)
Shrikant Malviya
- 56
- 5
0
votes
3 answers
How to reduce width of outlined material icon?
Is there any way to make this icon look thinner? font-weight and stroke-width is not working.
.material-icons-outlined,
.material-icons.material-icons--outlined {
font-family: 'Material Icons Outlined';
font-size: 60px;
font-weight:100;
…
Sreehari Avikkal
- 305
- 2
- 15
0
votes
1 answer
Google map change color of marker using Material icon
I'm using Material Icons with google map to show a marker with an icon.
My code works Marker with font icon and it is as below:
// use a Material Icon as font
new google.maps.Marker({
position: { lat: 36.6163, lng: -100.6 },
map,
…
Dev Dev
- 314
- 4
- 17
0
votes
1 answer
How would I fix material icons always showing on top? (HTML)
I have a webpage with a loading menu that greys out the background while the loading menu is shown. The menu is last in the document as to be on-top of the rest of the page. However, when using Google's Material Icons, the icon appears above the…
0
votes
1 answer
Material Icons are taking too much time to load in flutter in android studio
When I try to add material icons in the flutter it takes a lot of time to load the suggestion pannel. How can I solve this?
This is the kind of suggestion I am looking fo
Poshan Pandey
- 106
- 1
- 3
0
votes
0 answers
How to import material icons as SVG?
I am currently creating an icon component in Angular. For this purpose, I am importing the material-icons library inside my css-file:
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
Now I have access to material icons, I can…
Luk
- 1,009
- 2
- 15
- 33
0
votes
1 answer
Div height not the same as child material icon
I have this html code:
The span is 24x24, however for some reason the parent div height is 28px, i have no other css, literaly just a blank html file, but for some reason the parent div…
ImAnonymous
- 1
- 1
0
votes
1 answer
How to add a reference a material icon (for a notification builder) using Image Asset Studio
I'm having trouble getting the .setSmallIcon(R.drawable.ic_name) attribute of the notification builder to recognize the material icon that I chose using Image Asset Studio in Android Studio. I can get it to work if I choose one that Android has…
Jim
- 33
- 10
0
votes
1 answer
How do I add material Icons to an array and pass it through props
I am working on a project with react, typescript and material icons
I want to add my material icons to an array and pass it through props
but it shows me the letters(string) of the icon
example is in this code which it displays on the browser is…
etranz
- 891
- 2
- 10
- 29
0
votes
1 answer
Use Material Icon along with Styled-Components in react
I am trying to style the material icon in my react app using google material icon webapi.
I have tried this but it is not working. The icon is showing but the style I am applying to it is not working. They are not even showing when I inspect them.
I…
meivinay
- 9
- 4
0
votes
1 answer
How to build string for IconCode in Xamarin
How can I dynamically connect Material icon code with prefix \u in Xamarin?
This not work:
string iconCode = "e87e";
Label label = new Label
{FontFamily = "IconMaterial", Text = $"\u{iconCode}"}
And How can I do the same thing in XAML code?
Thank…
Beny
- 1
0
votes
1 answer
angular primeng p-confirmdialog - how to replace close icon of dialog panel with google material icon
I am working on a requirement where I need to replace the dialog panel's close icon with google material icon.
Find the following screenshot in which I want to replace the close icon with google material icon.
dialog box screenshot
Following code…
PrashantB
- 1
- 2
0
votes
0 answers
navigator.onLine boolean attribute
Is there an answer to my question?
I want to use (navigator.onLine) to detect if the user is online/offline by using google's material icons. I've tried this already but it doesn't work.
Here's some code to start with:
canary