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
1
vote
2 answers
How to get am/pm values from google material time picker in kotlin
binding.etFirstTime.setOnClickListener{
val picker = MaterialTimePicker.Builder ()
.setTimeFormat(TimeFormat.CLOCK_12H)
. setHour( 12 )
.setMinute(10)
.setTitleText("Select…
Josus Praiser
- 29
- 4
1
vote
1 answer
Align icon inside Material UI Button
How to insert an icon centering material ui button?
Piece of Code:
} style={{ maxWidth: "36px" }} />
Expected behavior:
Current behavior:
KillMe
- 184
- 5
- 20
1
vote
1 answer
can i use angular material icons for favicon?
Instead of my own image file, i would like to use standard material icons as favicon for my website.
Is there any programmatic way of getting this done, instead of copying or making image files similar to those icons?
jkr
- 630
- 1
- 11
- 24
1
vote
1 answer
Is there a way to dynamically load Material Icons in native android (Java)?
Recently i was able to dynamically load Material Design Icons in Flutter by using the flutter_icons/flutter_icons.dart
// First Approach
Icon icon = new Icon(Icons.settings);
// Second Approach
icon = new…
Keith Ndhlovu
- 11
- 3
1
vote
0 answers
How to change Font-family of Material icons angular 7 using CSS
I'm using * {font-family: 'Arial' !important}. It changes font of material elements. but material-icons are not compatible with it. Example instead of icon it is showing "account_circle" which is code for icon.
Deep Shikha
- 21
- 5
1
vote
1 answer
Why do the icon and text come in same line?
When I display an icon and some text along with it, I want them to come in the same line. I can achieve this when I use the
tag. However, it isn't achieved when I use the
tag. Why so? .container { display: flex; } i { color:…
user185887
- 643
- 6
- 18
1
vote
2 answers
Material icons not displayed - Quasar
I have a quasar project in which the material icons are being displayed as text instead of icons.
I did install the packages using npm. Even though, it is not working.
Below is my app.js file
require('./bootstrap');
window.Vue =…
Abhishek
- 39
- 2
- 6
1
vote
1 answer
Disable button event when embedded mat icon is clicked
I am having a mat-icon inside a button. Button is having an event defined and mat-icon is having another event defined. When I click on mat-icon, its event is fired along with button event as mat-icon is inside button tag. I don't want button event…
Raghav Gupta
- 341
- 1
- 6
- 20
1
vote
2 answers
How to make an hypertext link on a list that contains "material-icons"?
I want to develop a floating bar that contains icons (material-icons). Unfortunately, my attribute doesn't work and the icons are not clickable.
Any idea how to solve this?
Damien
- 11
- 2
1
vote
2 answers
How can I size Google Material Icons in React?
I'm trying to make use of the Google Material Icons in my React app and I'm having trouble sizing them. I'm importing them as React components using @material-ui/icons.
import { ArrowForward as IconArrowRight } from '@material-ui/icons';
These are…
Michael Lynch
- 2,682
- 3
- 31
- 59
1
vote
1 answer
issue with material-icons : no picture icon on Apache Royale
I want to use an icon image like in TourDeJewel, but when I use this code then the text "MENU" is showing instead of icon picture. (sdk 0.9.6)
Fred
- 399
- 3
- 12
1
vote
2 answers
Angular: Google Material Icons not rendering
In Angular project Google material icons are working fine in chrome but not rendering in chrome incognito mode and firefox .
In index.html below lines are used for getting fonts library.
ranjeet8082
- 2,269
- 1
- 18
- 25
1
vote
3 answers
HTML CSS: Make Google Icon into Button without Rectangle around it
How do I make a Google Icon into a Button? However, do not want a rectangular box around the button. The icon pixels will be a button itself.
.testdelete {
font-family: Material Icons;
}
jerrythomas38
- 759
- 2
- 16
- 41
1
vote
2 answers
Material Icon in Bootstrap Nav bar is not aligning properly
Making use of bootstrap 4 and Material Icon in a Nav bar and icons are not aligned properly
You may see that in this fiddle
https://jsfiddle.net/saamisolutions/7phge3ro/5/
Swamy
- 463
- 2
- 9
- 20