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
3
votes
0 answers
Using --no-tree-shake-icons means no icons appear after building
Currently, I am getting the error This application cannot tree shake icons fonts. When I use --no-tree-shake-icons, none of the material icons appear on the application. I am not sure how to fix this as I cant add const to my icons as they aren't…
Sawi
- 56
- 1
- 5
3
votes
4 answers
material icons cdn is not working in next.js
I added cdn to next.js head section but it does not work.
import Head from "next/head";
;
I tried to render this simple icon…
Yilmaz
- 35,338
- 10
- 157
- 202
3
votes
2 answers
How to pass android compose material icons to textField
I want to use material icons as argument passing it to the textField.
@Composable
fun NormalTextField(
icon: () -> Unit, // how to pass material icon to textField
label: String
) {
val (text, setText) = mutableStateOf("")
…
ccd
- 5,788
- 10
- 46
- 96
3
votes
2 answers
Importing specific material icon
I am creating a web application which uses Google's Material Icons.
Nearly all of the icons I use are of the default 'filled' style, and 1 one is of the 'outlined' style.
I import the icons with the following CSS code:
@import…
Trever Thompson
- 619
- 6
- 18
3
votes
1 answer
Dynamically obtain list of all material icons
I am trying to display a list of all possible material icons so the user can select one to use on their website. My code needs to display all the material icons there are. I'm unsure how my code should correctly find the 'icon list'.
One way I could…
sazr
- 24,984
- 66
- 194
- 362
3
votes
1 answer
Position of icon in Leaflet Easy Button
I'm using Leaflet easy button on my Leaflet map:
Marin Leontenko
- 711
- 2
- 20
- 26
3
votes
2 answers
Google Material Icons showing text instead of icon
I don't want icon text to be displayed in case the page fails to load the icons library. For example the below code should display the invite person icon-
person_add
But when the page…
Karan Parte
- 37
- 1
- 4
3
votes
3 answers
Angular material mat-slide-toggle change toggle icon
I am using angular6 to layout my UI.
The default mat-slide-toggle button looks like this:
But i want the toggle button to look like below from the material-icons toggle_on , toggle_off
Is it possible to customize it?
Thanks a lot.
rodent_la
- 1,195
- 4
- 18
- 38
3
votes
1 answer
How to vertical align button contents with bootstrap 4
I am using bootstrap 4 and material icons in my app. The problem is when I have a button with both text and an icon.
.button-icon {
vertical-align: middle;
}
user9281313
3
votes
3 answers
Show an image (or icon) when a boolean value is TRUE with AngularJS?
So I have a list which have a column with boolean values in case some item have an attached file, when it does have an attachment it will show a "clip" icon. I want to do the same with an AngularJS table:
This is my code, HTML:
Notice there's a…
Soul Eater
- 505
- 1
- 7
- 20
3
votes
1 answer
AngularJS and material icons
Material Icons are working fine in my AngularJS app.
In my template.html :
This works fine, the icon is displayed correctly.
But this code does not :
current icon : {{x.icon}}
…
Wolf359
- 2,620
- 4
- 42
- 62
2
votes
0 answers
Styled Components (Material Icons) with Typescript
I wanna create an element with Styled Components so I can ditch de .tsx react one, where I can set the props to an element as the same time as I can define a className to it using the attrs. The VSCode is telling me something is wrong with the code…
Gabriel Nascimento
- 31
- 4
2
votes
1 answer
Why does Opera display Google's Material Symbols Outlined (icon font) incorrectly, how to fix?
I'm building a website and I wanted to used Google's Material Symbols (Icon Font) "Outlined".
I've added that code to my header:
somedotnetguy
- 557
- 2
- 14
2
votes
1 answer
Reactjs - Does @mui/material-icons slows yarn start
My package.json includes
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-router-dom": "^6.0.2",
"react-scripts": "4.0.3",
"@mui/icons-material": "^5.1.1",
"@mui/lab": "^5.0.0-alpha.55",
"@mui/material": "^5.1.1",
When I import icons in my…
Hayat Tuge
- 51
- 3
2
votes
0 answers
Materialio Appbar does not hide when scrolling down
I've followed the material documentation for top app bars and implemented a part of it in my app to be able to hide it, when scrolling down my list.
My Layout:
Jenej Fjrjdn
- 337
- 2
- 13