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
2 answers
Middle align difference: Material-icons vs Font-Awesome
Why Material-icons cannot set vertical align middle with text even though exactly same css of Font-Awesome? (with Bootstrap3)
Both of them has &:before { content: '{icontext}' }
Seungjin Kang
- 1
- 1
0
votes
1 answer
Dynamically Swapping Material Icons with VueJS
Generally, I use static google material icons like this.
However, I want to dynamically change the material icon using a computed property with VueJS. I tried the following:
nu everest
- 9,589
- 12
- 71
- 90
0
votes
1 answer
Font Awesome and Material Icons used in ngFor (Angular 2)
I have a dynamic list of Icons that are displayed in a right side bar. The Icons are passed into the sidebar depending on what the user does. This dynamic array of icons is displayed using ngFor.
Unfortunately, some of the icons are from Font…
ed-tester
- 1,596
- 4
- 17
- 24
0
votes
1 answer
Google fonts' Multi-name icon on cordova renders two different icons
I am converting a web application into a working hybrid mobile app through cordova. I'm using Google's material icons set and each multi-name icon (i.e. photo_camera) is translated in two different icons. This weird problem only occurs on…
zangarmarsh
- 319
- 5
- 18
0
votes
1 answer
Angular Material md-icon usage
I am trying to use the md-icon in my app as per the documentation given here. However I am only able to get working with the type of syntax:
search
The other usage type
user1242321
- 1,578
- 2
- 18
- 30
0
votes
1 answer
How can i change the color of "expand-more" icon on image below (Materialize framework)?
I can't change the highlighted icon on image with class .material-icons
By default is black and i wanna change to white
The piece of code:
Paulo Roberto
- 50
- 4
0
votes
1 answer
Import Material icons into Cordova Android Studio
I am using cordova 6.0 in android studio. i want to use google material-design icons in html page for my personal project, but when i use the CDN of google icons it doesn't get rendered.
user1909165
- 1
- 2
-1
votes
3 answers
How do I align these?
Im trying to align a material icon with text but its not working.
Here's the html im using:
canary
- 1
- 1
-1
votes
2 answers
Remove space between Material icon and surrounding div
I'm trying to remove the ring around a material icon that I'm using as a close icon on a draggable element.
Here's a picture of the element (I've changed the background to red for you to highlight the problem), I want to remove the red outer circle…
Jim Jimson
- 2,368
- 3
- 17
- 40
-1
votes
3 answers
How do I print out the icon name when the icon is tapped in Flutter
In Flutter, when I tap on an icon, I want to print out the icon name. Here is my code:
_showIconGrid() {
var ls = [
Icons.extension,
Icons.face,
Icons.fastfood,
Icons.favorite,
Icons.favorite_border,
…
randomUser786
- 1,527
- 3
- 13
- 25
-1
votes
2 answers
Html Css: Hover Property not Working on Google Icon
How come this hover property is not working? It is supposed to be hidden, however when I click over the icon area, it is supposed to be visible. This is stuck at hidden.
.testdelete {
display: inline-block;
font-family: Material Icons;
…
user11721944
-1
votes
2 answers
material icons not importing in vue
I have following icons npm package installed.
"material-icons": "^0.3.1"
I have imported them as following.