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
2
votes
2 answers
Flutter Material Icons (for the web) don't work in release mode
While trying out flutter-web for a website of mine, I found out that Material Icons are rendering in debug mode, but they are not working in release mode (getting replaced by boxes).
The code for navBarMobile.dart is here.
import…
imperial-lord
- 601
- 8
- 20
2
votes
1 answer
How to add material icon in the placeholder of input tag
i have my input tag as per the following
location_on into the placeholder with those caption
can anyone please tell me how to do…
Rahul Ahire
- 685
- 11
- 28
2
votes
0 answers
Get MDI (materialized design icons) image in JavaScript
The application I want to modify uses Polymer framework and has the following html code:
Yuriy Khramtsov
- 21
- 3
2
votes
0 answers
How can I change the + icon position when using material table editable feature
In material-table row can be added by clicking on + icon on top right corner. I want to replace that icon at the bottom of the screen as a button "ADD". But material-table accept the icon object and there is not other prop to do it. Is there any way…
sam123
- 21
- 1
- 1
2
votes
0 answers
Flutter Mobile Web Material Icons
This is not an issue involving getting Material Icons to display on web but rather an issue getting Material Icons & fonts to display on mobile web.
I have included the following in my pubspec.yaml file
uses-material-design: true
fonts:
-…
Eli Whittle
- 1,084
- 1
- 15
- 19
2
votes
1 answer
CORS errors from Font Awesome font in Angular app
I've been running Angular and Material for some time, but this issue suddenly showed up and has me stumped. I'm running my Angular app From IntelliJ and this started showing up in my console.
Access to font at…
Thom
- 14,013
- 25
- 105
- 185
2
votes
0 answers
Is Google Material Design Support RTL layout?
I'm trying to create HTML Page using Material Design grid system and implement the input fields view with all the nice features its offers in RTL Direction.
There is 2 Problems:
1. the grid layout not flliped to rtl
2. the input fields not working…
Haim Klainman
- 73
- 2
- 11
2
votes
4 answers
use Vuetify's version of material-icons inside a vue.js web component target
What is the correct way to include Vuetify's material-icons styles inside a web component, so that it is accessible in the shadow without any external links in parent (since web components do not have an index.html)?
I am targeting a wc like…
Donnie Kerr
- 334
- 4
- 18
2
votes
3 answers
how to use outlined material icon
Scenario :
I'm using material icons, and I face a problem, I usually use filled ones and everything is ok, right now I want to use a outlined one, they have the same name, "screen_share"
Tried Case :
My try was include in index.html:
cucuru
- 3,456
- 8
- 40
- 74
2
votes
1 answer
angular material icon on hover
I have made a star rating component using angular material icon:
{{star.value}}
And the ts:
export…
Delbo ar
- 362
- 2
- 4
- 12
2
votes
2 answers
Material design icons css rotation is not centered
I'm trying to make a loading spiner with icon from https://materialdesignicons.com/ but the icon doesn't just rotate, it also moves slightly from the center.
I have these styles:
@keyframes spin-animation {
to {
-webkit-transform:…
Laker
- 1,622
- 4
- 20
- 32
2
votes
0 answers
Why are there more icons in the google-hosted icon font than when I download the icons?
Looking at Google material icons HERE, there are two options for accessing these fonts:
1) via CDN
2) self hosted
If I choose self hosted, I include this in my CSS:
@font-face {
font-family: 'Material Icons';
font-style: normal;
…
Zach Smith
- 8,458
- 13
- 59
- 133
2
votes
2 answers
How to catch when was loaded my material icons?
I am using these icons fonts of Google:
https://material.io/icons/
I am developing a web extension and some web pages like Github is blocking my icons, I am trying to check with vanilla js if the font is available or not, the problem here is that I…
José Jesús Ochoa Torres
- 459
- 4
- 9
2
votes
1 answer
check_box_outline icon takes additional space
I have some trouble with my component's design using angular and angular-material frameworks.
Everything is based on a mat-sidenav-container. The sidenav contains accordion - the expandable list of, let's say "categories". Within each expansion…
Jakub Ch.
- 3,577
- 3
- 24
- 43
2
votes
0 answers
Material Icon in Button is Not Clickable
I have a button being used to show a dropdown div. The button padding and text can be clicked on to show the dropdown div. The very small Material "font-icon" CANNOT be clicked to show the dropdown div. How can I ensure that you can click anywhere…
johnny555
- 183
- 1
- 2
- 12