Questions tagged [material-icons]

32 questions
2
votes
1 answer

Compiled with problems:X ERROR in ./src/components/Header.js 9:0-52

Module not found: Error: Can't resolve '@mui/icons-material/Search' in 'C:\Users\pande\Documents\slack-clone\src\components' Failed to compile. Module not found: Error: Can't resolve '@mui/icons-material/Search' in…
2
votes
4 answers

flutter material icons - the getter 'currency_ruble' isn't defined for the type 'Icons'

The icon set contains the ruble currency, but if i try to add to the project i get error The getter 'currency_ruble' isn't defined for the type 'Icons' IconButton(icon: Icon(Icons.currency_ruble)) flutter doctor [√] Flutter (Channel stable, 2.5.3,…
1
vote
1 answer

mui material and icon named export throw Module not found error in react application

I am using mui and when using named export, it gives error of module not found issue. followed this mui blog and use babel-plugin approach but error still remian same. package.json "dependencies": { "@emotion/react": "^11.10.5", …
xkeshav
  • 53,360
  • 44
  • 177
  • 245
1
vote
0 answers

Is there anyway to move the card reveal action button to the bottom of the card in Materialize CSS?

Is there a way to move the button that reveals the card to be at the bottom of the card instead of off to the side? For example: Having it be where the link placeholder text is and still reveal the card upon click. Or is it only stuck within a…
1
vote
1 answer

How to apply hover effect on Material Icon?

I am using CSS modules for my project, but Material Icon is not making the changes specified via className prop import SettingsIcon from "@mui/icons-material/Settings"; import css from "./LandingPage.module.css";
Faaf Lo
  • 31
  • 3
1
vote
0 answers

Compiled with problems:X ERROR in ./src/components/Header.js 9:0-52 Module not found: Error: Can't resolve '@mui/icons-material/Search

Module not found: Error: Can't resolve '@mui/icons-material/Search' in 'C:\Users\pande\Documents\slack-clone\src\components' Failed to compile. Module not found: Error: Can't resolve '@mui/icons-material/Search' in…
1
vote
0 answers

error - TypeError: Cannot read properties of undefined (reading 'drawer')

I am trying to copy the exact code from Material UI Drawer to add on my own website. The link is https://mui.com/components/drawers/ import * as React from 'react'; import Box from '@mui/material/Box'; import Drawer from…
1
vote
1 answer

Trying to add a material Icon to a custom toggle switch knob (HTML/CSS)

I'm new to CSS and followed a video tutorial to create a customized toggle control in CSS. Now, I would like to add a material icon to the knob but I'm struggling to understand the best approach to do it. I tried adding HTML to the content property…
Jason O
  • 753
  • 9
  • 28
0
votes
0 answers

using trigger in MaterialDesign:PackIcon Kind="OutLine" in wpf

I am using and trying triggers on the same. Motive is to change border color of the MaterialDesign:PackIcon Kind="BugOutLine" on focus
0
votes
1 answer

How can I change the size of IconButton (Material UI)?

How can I change the size of IconButton present inside the InputAdornment? I tried to change the size by sx, fontSize or size property, unfortunately none of them shows any effect on icon size. import { Grid, IconButton, InputAdornment, …
Abhishek Vyas
  • 599
  • 1
  • 9
  • 24
0
votes
0 answers

conflict between flutter tree shaking and non-constant instance of IconData

In a mobile application I'm trying to construct material icons based on icon data point obtained from server, here's a minimal version of the conflicting code class CustomIconFactory { static CustomIconFactory createIcon(IconParameters parameters)…
0
votes
2 answers

How to add mui react button icon in a clean way?

I am making an app using react mui - bootstrap. I have a form people need to write in, and a submit button icon from mui. This is what it looks like, and how I want it to stay What I want it to look like This is what it looks like when I hover with…
0
votes
0 answers

How do you change the MaterialCommunityIcons color in React Native dynamically when the icon is in specific list

If i have a list view in react native and all the list items have a icon situated inside the list items, so if i click on for example the icon in the second list item how would i change the color of the icon. Im asking this as the icon works as a…
redoc01
  • 2,107
  • 5
  • 32
  • 64
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 -…
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…
1
2 3