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
0
votes
1 answer
How to change material icon shape?
The 'warning' material icon's shape is a triangle, but I am looking for a square-shaped icon.
https://fonts.google.com/icons?selected=Material+Symbols+Outlined:warning:FILL@0;wght@400;GRAD@0;opsz@48&icon.query=alert
It is available here -…
Himen Suthar
- 80
- 1
- 3
- 11
0
votes
2 answers
How to add icons in React.js
The package : material-ui/core has been depracted .What should I do inorder to add the icons in my
App.jsx .
https://www.npmjs.com/package/@material-ui/core
I am running it on the code sand box where we directly to serach for the name and the drop…
GUNGUN PANCHAL
- 1
- 1
0
votes
0 answers
Cannot execute clone on Response - response body already used in service worker for caching
This error only occurs when I try to load google's material font icons.
Expected behavior: it loads the font icons and caches them for offline use
Actual behavior: it errors out and sends a 408 and gives the title as an error
running in chrome on…
chronosirius
- 85
- 9
0
votes
1 answer
How to use Material Icons in Google App Script's Addon Card widgets (DecoratedText, ImageButton)?
The built-in Icons are pretty limited but for all image components you can set an URL using setIconUrl(url) and the like.
Using Google, I saw a few places where they can get Material Icon url from gstatic.com domain like…
Luke Vo
- 17,859
- 21
- 105
- 181
0
votes
0 answers
How to Call MATERIAL ICONS ROUNDED VERSION ON REACT NATIVE
-I'm new on react native and I need used on the project MaterialIcons but the rounded version. I'm searching on the documentation but I have no clue how to apply it, only render the filled regular version. Can someone help me and tell me if I can…
Maggi
- 1
0
votes
1 answer
Use filled and outlind version of Google Material Design Icon Font in vue 3.0 with vuetify 3.0
I want to use Google Material Design Icon Font in my vue3.0 project where I also use vuetify 3.0.
The steps I followed to achieve this are:
In main.ts file, set the default icon to md (imported from vuetify iconsets)
Use google icon name in the…
Abhishek Raj
- 480
- 4
- 14
0
votes
1 answer
Make Material UI Icon Symbol Filled
I am using Icons as symbols in my React app that is using Material UI library. I added the baseClassName: 'material-symbols-rounded' to all my icons using the theme.js global file like this:
MuiIcon: { defaultProps: { baseClassName:…
Kevin Garcia
- 53
- 9
0
votes
1 answer
How to add material-symbols to the Next.js project?
I use Next.js v13.2. I want to add material-symbols to my project.
I want to use it like
face
I found that Next.JS replaced head.js file with Metadata but I can't find how to add CDNs. Previously I…
Roman Mahotskyi
- 4,576
- 5
- 35
- 68
0
votes
1 answer
Is there a way to switch style in Material Symbols?
When I use Material Icons, I can switch the style by replacing the class name. (between material-icons and material-icons-outlined)
Now I am trying to use Material Symbols. Let's say I use star icon and want to make the icon…
Ooto
- 1,117
- 16
- 39
0
votes
1 answer
How to fix material icons displaying as text
I need help with Material icons that are displaying as text.
I have linked to material-icons font library in the section my HTML file, but issue still exists.
I intend to use the sharp icons and I have included that in my material icons…
d4rkcon
- 143
- 1
- 8
0
votes
0 answers
Is material symbol extended version of material icons?
I want to upgrade from material icons to material symbols- are all icons from material icons also there in material symbols with the same name?
I want that existing icons would not need to change there name, if they need to then does we have a…
Saniya
- 1
0
votes
1 answer
How can I create a topnav beside a sidenav I've already created?
For context, I'm practically making a reskin of Twitter. At least as of right now, that's what it is. I've created a sidenav already, and I want to add a topnav beside it. Something like this: image
I want to put "you - following - discover | …
katniss
- 3
- 4
0
votes
0 answers
Using Material Icons in CKEDITOR
This is kind of an academic question because I've all but given up, but maybe we can learn a few things about CKEditor5 by trying to solve it!
I'm using a pretty bare-bones installation of CKEditor from https://ckeditor.com/ckeditor-5/online-builder…
Alexandros K
- 947
- 1
- 6
- 19
0
votes
0 answers
How to append html element in array of objects ( specific key value) in React Js
I want to use Google material icon like settings in my object value. Below is sample code (array of objects). Have to add above span as value of 'icon' key?
Google material icon reference link
let buttonData =…
0
votes
0 answers
My material app icon not showing after I used native splash in pubspec and the whole layout is different
I ran native splash command twice and then my whole app became different
I used flutter clean, flutter pub get, even got my backup pubspec file, removed the splash with remove command, I even created a new project and put my backup project files in…
Maz
- 9
- 3