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
1
vote
1 answer
Angular material adds extra space using add_outline button with flex layout
Looks like an error in a library "@angular/material"
Or in CDN source
I am trying to arrange divs inside mat-toolbar, but when using inside icon tag an icon…
Mike Kylmä Lampi
- 465
- 1
- 5
- 15
1
vote
2 answers
How to use material icons in canvas?
How to use material icons in canvas?
For fontawesome you can include the font and use the icon character code like:
ctx.font='30px FontAwesome';
ctx.fillText('\uF047',20,50);
But what about Google material icons? I couldn't find any solution…
Hristo Enev
- 2,421
- 18
- 29
1
vote
1 answer
Different Material Icons styles do not align
I use Material Design Icons by Google in my app. At least two styles are needed at the moment: regular (filled) icons and the outlined ones. The problem is, these two styles do not align!
If you look at this output, the regular and outlined icons…
interphx
- 307
- 1
- 4
- 19
1
vote
1 answer
How to fix CSS311 in IE11 when loading google material icons?
In ie11, I'm loading google material icons
but I get this issue
CSS3111: @font-face encountered unknown error.
Looking up the error online, it…
omega
- 40,311
- 81
- 251
- 474
1
vote
0 answers
Material UI Icons are not showing up correctly
I am moving my React app inside an angular app and have got everything working except for the material-ui/icons
They are there, they just do not look as they should!
for example:
material-ui/icons
Would anyone know what is going on here? I'm using…
Gavyn Caldwell
- 11
- 3
1
vote
2 answers
Rounded Material Icons border and color problem
I have included Material Icons Rounded to my webpage like this:
And I have css code for rounded…
fatihsolhan
- 565
- 5
- 19
1
vote
1 answer
changing material icon in a span with checkbox using css
I have a some check-boxes which have material-icons in the span along with it. I want the material-icons to be different of the checked and unchecked ones. I tried some with my own, but not working.
Bikram Nath
- 483
- 6
- 15
1
vote
1 answer
How to use Outlined material icons in an angularDart project?
How can I use material icon outlined theme in an angularDart project.
Tushar Rai
- 2,371
- 4
- 28
- 57
1
vote
4 answers
How to import Google material design icon in android studio 3.2.1 latest version?
I am using Google material design icon for my web application from google material design icon. We are creating a new android application for same.so for each icon i need to download its resources and manually copying and paste png to the respective…
Feroz Siddiqui
- 3,840
- 6
- 34
- 69
1
vote
1 answer
Click event in event listener written in Google Closure not working?
I am new to JavaScript, My question is when I try this JS in chrome browser console it works, But in my JS file it's not working
I attached the code, For HTML design I used google MDL, For JS I used Google Closure
HTML :
KASIVISWANATHAN
- 29
- 3
1
vote
3 answers
unable to place material icon vertical center
Am trying to place material icon in center of circle i tried following method
tried adding vertical-align:middle and added text-align:center
but nothing work.
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight:…
sanoj lawrence
- 951
- 5
- 29
- 69
1
vote
1 answer
How to change material-icon color to white of angular_components in an Angular Dart project?
How can I change the material-drawer material-icon color to white with an dark background of angular_components in an angular dart project.
app_component.html
Tushar Rai
- 2,371
- 4
- 28
- 57
1
vote
0 answers
How can I make Material Icons rounded using Icon Font?
I'm using Material Icons for my website.
To show the icons, I use icon font...
arrow_forward
If you look on the side of the Material Icons website, you will see that there is an option for 'Rounded' which rounds the…
nachshon f
- 3,540
- 7
- 35
- 67
1
vote
0 answers
Material icon fonts are not working due to IE's font download security option disabled
Here is the scenario,
The application uses already developed APIs such kendo-ui and few more internal developed APIs for UI component with AgnularJS.
In these liberaries and in our application we have followed "npm dependency" approach for material…
Girish Menghani
- 11
- 5
1
vote
2 answers
How do you change Material Icon permanently using CSS and HTML?
I am trying to change the icon permanently from "add" to "done" after I click the icon. If I click the icon again, it should change from "done" to "add."
I am wondering if it is possible to do this with CSS without using…
marchelee
- 11
- 5