google-material-icons Questions
3
Solved
Jetpack Compose has an Icon composable where I can access an imageVector. See example below.
Icon(
imageVector = Icons.Rounded.Email,
contentDescription = "Email Icon",
)
Why can I not...
Greenwald asked 15/1, 2023 at 18:20
7
Does anybody know how to use/enable the animated icons in an Angular Web Application which are shown in the material design documentation: https://material.io/design/iconography/animated-icons.html...
Ion asked 13/7, 2018 at 12:43
17
How do you prevent material icon text from showing up when Google's JS fails to convert them to icons?
Icons are defined in markup as such:
<span class="material-icons">icon_name</span&g...
Tony asked 18/1, 2017 at 3:21
2
The download size of Google Material is large: 3.3 MB with the defaults:
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,...
Tonietonight asked 20/12, 2023 at 0:28
2
Solved
Material ui chip component documentation shows a close icon or done icon at a time. Is there any way to display both together
<Chip
label="name"
onDelete={handleDelete}
/>
I tr...
Zacheryzack asked 23/5, 2021 at 8:4
3
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,...
Heresiarch asked 30/9, 2020 at 10:15
16
Solved
Google has revamped its Material Design Icons with 4 new preset themes:
Outlined, Rounded, Two-Tone and Sharp, in addition to the regular Filled/Baseline theme:
But, unfortunately, it doesn't say ...
Utopia asked 12/5, 2018 at 6:20
9
Solved
Recently, i started working on a project that contains a table with some fields, and I want to add some Material Design Icons trough MaterializeCSS on the side of the icons. Look at the image and y...
Tittle asked 6/10, 2016 at 23:27
8
Material icon not rendering properly in my project, i installed properly but even though not showing in browser.
i followed below steps:
npm install material-design-icons
.angular-cli.json
"st...
Hobby asked 8/10, 2017 at 15:42
2
I'm only using a few Material Icons icons, and thought that loading the entire library is a waste of resources.
I tried to edit the original woff2 file and remove all icons that I don't use. The cl...
Cannonade asked 30/10, 2020 at 19:22
7
Solved
How can I insert the Google Material Icon "chevron icon right" (https://design.google.com/icons/#ic_chevron_right) in the following CSS content property:
.bullet li a:before {
content: "";
}
Pickerelweed asked 22/10, 2016 at 15:53
1
Solved
I realize that this is a duplicate of this question, but that question does not seem to have any activity so I'm trying to get more attention to this issue.
I am trying to use the percent icon from...
Damle asked 9/12, 2021 at 20:40
2
Can I use @material-ui/icons svg images as background of other elements.? Tried the below code but didn't work.
import CarIcon from '@material-ui/icons/DriveEtaRounded';
const carIcon = <CarIc...
Dowse asked 25/5, 2020 at 19:19
4
Solved
According to the guideline in the Google Material website we have to use material icons in _i _ tag.
the question is how to add the icons as font-awesome. something like :
Class="material-icons ...
Pennyroyal asked 17/5, 2016 at 16:35
4
Solved
as you can see in the screenshot the icons and the font are not loaded correctly.
Our observation is that this only does not work in Safari. No matter if we are testing on iPhone or on a Mac.
T...
Crispy asked 11/11, 2019 at 7:12
0
I've been trying to include a number of the Material Icons into an Angular project but each time I do I find some peculiarities.
1. Icons work if all icons are imported
The following method does su...
Brisbane asked 25/9, 2020 at 15:52
1
Solved
I have the following materials-icon package installed:
@material-ui/[email protected]
I need to set the 'content' value for one of classes, in my CSS file, to the down arrow. How do I do this...
Terse asked 5/8, 2020 at 4:39
2
By the v-icon component of Vuetify, using mainstream material design icons is quite straightforward like:
<v-icon>home</v-icon>
Now, I wonder if animated material icons are supported...
Policeman asked 29/8, 2018 at 19:34
1
Solved
I would like to change only part of the color of Material icons (from google) like in the image. In the image it only shows the bottom bar changing color, not the entire A.
I went to several ques...
Oriel asked 9/8, 2019 at 20:5
4
Solved
Using material icons with CSS, I have the following code that renders a link with icon and text.
<a href="#"><i class="material-icons">group_work</i>Groups</a>
As y...
Athwart asked 11/10, 2016 at 14:35
2
Solved
I would like to change a Google Material Icon (the actual icon itself) on a button hover. I would like to do this with only HTML and CSS. I would like it to go from the 'plus' icon to something lik...
Hobby asked 9/6, 2017 at 16:34
2
Solved
I am using material2 and Material icons in my project. I want to know how these named icons are rendered in the browser. I have used
<button md-raised-button><md-icon>mode_edit</md...
Gingrich asked 26/7, 2017 at 9:58
2
I am using the official google material icons: https://material.io/icons/
I want add some icons created by me, in svg.
how can I do it?
Unstopped asked 25/4, 2017 at 10:15
1
I am trying to add google material-icons to my WordPress project locally currently on localhost using WAMP. With CDN, everything works perfectly but I want a static reference to icons.
Here is is ...
Compact asked 8/10, 2015 at 8:3
1
I have found "Material Design Iconic Font" library which is similar to md-icon and allow to create a stacked icon:
http://zavoloklom.github.io/material-design-iconic-font/examples.html
But wasn't ...
Bacolod asked 27/10, 2016 at 23:30
1 Next >
© 2022 - 2025 — McMap. All rights reserved.