Stack Overflow
Stack Overflow

Questions tagged [google-material-icons]

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.

223 questions
0
votes
1 answer

How to change icon into text in material-ui-table component

In material-table row can be added by clicking on + icon on top right corner. I want to replace that icon with text like "ADD ROW". But material-table accept the icon object and there is not other prop to do it. Is there any way I can do it? I am…
Kashan Siddiqui
  • 27
  • 2
  • 6
0
votes
1 answer

Using the material ui framework library icons locally

Can't use the material CSS fonts locally Have tried downloading the icons but can't seem to find a wat to use am em locally
Isaiah
  • 41
  • 5
0
votes
1 answer

Change color of part of Material Icon

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 questions that only showed how to change the entire color…
Chris
  • 1,206
  • 2
  • 15
  • 35
0
votes
1 answer

how to install material icons in google app maker

I don't quite understand exactly what i need to do to install material icons in google app maker and then how to use them. I would really appreciate anyone able to give me a step-by-step explanation. Thanks!
user11814506
0
votes
0 answers

What prop-type should I use for a material-ui icon?

I have a component that allows you to pass an icon in as a prop, with a default import DefaultIcon from '@material-ui/icons/FeedbackOutlined'; const MyIconWrapper = ({Icon}) = () And the prop-type of: MyIconWrapper.propTypes = { Icon:…
AncientSwordRage
  • 7,086
  • 19
  • 90
  • 173
0
votes
2 answers

Material Icons Rounded not working with Internet Explorer 11

I'm trying to use Rounded Material Icons but it appears that Internet Explorer isn't having it. It'll display regular material icons, but not the rounded ones. It doesn't display anything at all, just blank. NOTE: You'll have to view this page in…
dangel
  • 7,238
  • 7
  • 48
  • 74
0
votes
0 answers

Get second class name inside selector of the first class name of an element

So I was trying to use Material Icons from Google with class names instead of content inside or . I found a solution in how to use google material icons as class instead of tag, but then I realized that what I really wanted to achieve…
Elliot RG
  • 71
  • 1
  • 8
0
votes
1 answer

How to create some white space between material icon and description?

I have this design here: You can see the material icon is a bit too close to the description. I thought I could create some padding between both by doing something like this: .location-secondary-info span:first-child { padding-right: 5px; } That…
Daniel
  • 14,004
  • 16
  • 96
  • 156
0
votes
1 answer

How to keep Google from putting material-icons text in site links?

Many of my links have material icons in tags inside the link. Now, Google has indexed my page with site-links that include the text/ligature from that material-icons tag, so a link might say "shopping_cart Shop Now" for example. Everything…
Nick Carter
  • 3
  • 2
0
votes
0 answers

Project runs when built from Xcode but crashes when built from Command Line (React Native)

When running react-native run-ios, I get the following warning: ** BUILD SUCCEEDED ** The following commands produced analyzer issues: Analyze Base/RCTModuleMethod.mm normal x86_64 Analyze RCTNetInfo.m normal x86_64 (2 commands with…
Michelle S Lee
  • 53
  • 1
  • 7
0
votes
0 answers

Failed to decode downloaded font - ember-cli (3.7.1)

I'm facing this font decoding issue after I deploy ember cli app to heroku. It works fine in my localhost. I'm using @font-face rule for custom font and ember addon for material-icons(ember-material-icons). Any helps would be appreciated. Thanks in…
Vivekraj K R
  • 2,418
  • 2
  • 19
  • 38
0
votes
0 answers

How to get "Filled" theme version of Material Icons

I'm using Reactjs and Material Icons. I want to get the filled version of the icon. But instead, I am seeing the outlined version. import import {Icon} from '@material-ui/core'; ... mail What am I doing wrong? And how can I get the…
Let Me Tink About It
  • 15,156
  • 21
  • 98
  • 207
0
votes
2 answers

Material SVGs exported from sketch not showing up in client's browser, but fine in my browser - how to test?

I'm assuming it's an export issue. Trying to figure out how to recreate the issue - any one experience this? Solutions also welcome. Will try re-exporting from Illustrator. here are some troublesome SVGs (material icons):
judith
  • 27
  • 9
0
votes
0 answers

Align material icon vertical IE/Edge

I am trying to vertically align my icon in a button on IE / Edge. It works in Chrome, FF ... I have tried everything, without success. This is a HTML code:
Dooxe
  • 11
  • 5
0
votes
1 answer

How can i insert material icons into Material Theme Editor

Firstly, i want to use icon from my theme editor library. but they request to download icon as i need in following picture. i made download they give me .sketch file. My question is that how can I insert that icon sketch file to my theme editor…
amlwin
  • 4,059
  • 2
  • 15
  • 34
1 2 3
…
14 15