Значки материалов — Material-UI
AcUnit
AccessAlarm
AccessAlarms
AccessTime
Accessibility
AccessibilityNew
Accessible
AccessibleForward
AccountBalance
AccountBalanceWallet
AccountBox
AccountCircle
AccountTree
Adb
Add
AddAPhoto
AddAlarm
AddAlert
AddBox
AddCircle
AddCircleOutline
AddComment
AddIcCall
AddLocation
AddPhotoAlternate
AddShoppingCart
90 002 AddToHomeScreenAddToPhotos
AddToQueue
Adjust
AirlineSeatFlat
AirlineSeatFlatAngled
AirlineSeatIndividualSuite
AirlineSeatLegroomExtra
AirlineSeatLegroomNormal
АвиакомпанияSeatLegroomУменьшенный
AirlineSeatReclineExtra
AirlineSeatReclineNormal
AirplanemodeActive
AirplanemodeInactive
Airplay
AirportShuttle
Alarm
AlarmAdd
AlarmOff
AlarmOn
Альбом
AllInbox
AllInclusive
AllOut
AlternateEmail
9 0002 АмпирсториAndroid
Объявление
Квартира
Apple
Приложения
Архив
ArrowBack
ArrowBackIos
ArrowDownward
ArrowDropDown
ArrowDropDownCircle
Искусство ТрекСоотношение сторон
Assessment
Assignment
AssignmentInd
AssignmentLate
AssignmentReturn
AssignmentReturned
AssignmentTurnedIn
Assistant
AssistantPhoto
Atm
AttachFile
Attach Деньги
Вложение
Аудиодорожка
Автообновление
AvTimer
Backspace
Резервная копия
Бюллетень
Гистограмма
Ванна
Батарея20
Батарея30
Батарея50
Батарея60
Battery80
Battery90
BatteryAlert
BatteryCharging20
BatteryCharging30
BatteryCharging50
BatteryCharging60
BatteryCharging80
BatteryCharging90
BatteryChargingFull
BatteryFull
BatteryStd
BatteryUnknown
BeachAccess
Be здесь
Блок
Bluetooth
BluetoothAudio
BluetoothConnected
BluetoothDisabled
BluetoothSearching
BlurCircular
BlurLinear
BlurOff
BlurOn
Книга
Закладка 9 0003
BookmarkBorder
Закладки
BorderAll
BorderBottom
BorderClear
BorderColor
BorderHorizontal
BorderInner 90 003
BorderLeft
BorderOuter
BorderRight
BorderStyle
BorderTop
BorderVertical
БрендингВодяной знак
Яркость1
Яркость2
Яркость3
Яркость4
Яркость5
Brightness6
Brightness7
BrightnessAuto
BrightnessHigh
BrightnessLow
BrightnessMedium
BrokenImage
Brush
9 0002 пузырьковая диаграммаОтчет об ошибках
Сборка
BurstMode
Business
BusinessCenter
Кэширование
Cake
CalendarToday
CalendarViewDay
Call
CallEnd
CallMade
CallMerge
CallMissed
CallMissedOutgoing
CallReceived
CallSplit
CallToAction
Камера
Камера Альт
CameraEnhance
CameraFront
CameraRear
CameraRoll
Cancel
CancelPresentation
CancelScheduleSend
CardGiftcard
CardMembership
CardTravel
Casino
Cast 9000 3
CastConnected
CastForEducation
Категория
CellWifi
CenterFocusStrong
CenterFocusWeak
История изменений
Чат
ЧатПузырь
ChatBubbleOutline
Чек
Чекбокс
CheckBoxOutlineBlank
CheckCircle
CheckCircleOutline
ChevronLeft
ChevronRight
ChildCare
ChildFriendly
ChromeRe aderMode
Class
Clear
ClearAll
Close
ClosedCaption
Cloud
CloudCircle
CloudDone
ОблакоСкачать
CloudOff
CloudQueue
CloudUpload
Код
Collections
CollectionsBookmark
ColorLens
Colorize
Comment
Commute
Compare
CompareArrows
CompassCalibration
Computer
ConfirmationNumber
ContactMail
ContactPhone
ContactSupport
Contactless
Contacts
ControlCamera
ControlPoint
ControlPointDuplicate
Copyright
Create
CreateNewFolder
CreditCard
Crop
Crop169
Crop32
Crop54
Crop7 5
CropDin
CropFree
CropLandscape
CropOriginal
CropPortrait
CropRotate
CropSquare
Приборная панель
DataUsage
DateRange
Deck
Dehaze
Delete
DeleteForever
DeleteOutline
DeleteSweep
DepartureBoard
Описание
DesktopAccessDisabled
DesktopMac
DesktopWindows
Подробности 900 03.
Направления
Направления Велосипед
Направления Лодка
Направления Автобус
НаправленияАвтомобиль
НаправленияЖелезная дорога
НаправленияРабота
НаправленияМетро
НаправленияТранзит
НаправленияПешеход
DiscFull
90 002 DnsDock
Domain
DomainDisabled
Done
DoneAll
DoneOutline
DonutLarge
Do гайкаМалый
DoubleArrow
Drafts
DragHandle
DragIndicator
DriveEta
Duo
Dvr
DynamicFeed
Eco
Edit
EditAttributes
EditLocation
Eject 900 03
EmojiEmotions
EmojiEvents
EmojiFlags
EmojiFoodBeverage
EmojiNature
EmojiObjects 9000 3
ЭмодзиЛюди
EmojiSymbols
EmojiTransportation
EnhancedEncryption
Эквалайзер
Ошибка
ErrorOutline
Euro
EuroSymbol
EvStation
Event
EventAvailable
EventBusy
EventNote 9 0003
EventSeat
ExitToApp
ExpandLess
ExpandMore
Explicit
Explore
ExploreOff
Exposure
ExposureNeg1
ExposureNeg2
ExposurePlus1
ExposurePlus2
ExposureZero
Extension
Face
FastForward
FastRewind
Fastfood
Избранное
FavoriteBorder
FeaturedPlayList
FeaturedVideo
Обратная связь
FiberDvr
FiberManualRecord
FiberNew
FiberPin
FiberSmartRecord
FileCopy
Фильтр
Фильтр1
Фильтр2
Фильтр3
Фильтр4
Фильтр5
Фильтр6
Фильтр7
Фильтр8
Фильтр9
Filter9Plus
FilterBAndW
FilterCenterFocus 900 03
FilterDrama
FilterFrames
FilterHdr
FilterList
FilterNone
FilterTiltShift
FilterVintage
FindInPage
FindReplace
Отпечаток пальца
Камин
FirstPage
FitnessCenter
Флаг
Сигнальная ракета
FlashAuto
FlashOff
FlashOn
Flight
FlightLand
FlightTakeoff
900 02 FlipFlipCameraAndroid
FlipCameraIos
FlipToBack
FlipToFront
Folder
FolderOpen
FolderShared
FolderSpecial
FontDownload
FormatAlignCenter
FormatAlignJustify
FormatAlignLeft
FormatAlignRight
FormatBold
FormatClear
FormatColorFill
FormatColorReset
FormatColorText
FormatIndentDecrease 900 03
FormatIndentIncrease
FormatItalic
FormatLineSpacing
FormatListBulleted
FormatListNumbered
FormatListNumberedRtl
FormatPaint
FormatQuote
FormatShapes
ФорматРазмер
ФорматЗачеркнутый
FormatTextdirectionLToR
FormatTextdirectionRToL
FormatUnderlined
Форум
Форвард
Форвард10
Форвард30
Forward5
FourK
FreeBreakfast
Fullscreen
FullscreenExit
Functions
GTranslate
Gamepad
900 02 ИгрыМолоток
Жест
GetApp
Gif
GitHub
GolfCourse
GpsFixed
GpsNotFixed
GpsOff
Grade
Gradient
Grain
GraphicEq 9000 3
GridOff
GridOn
Group
GroupAdd
GroupWork
Hd
HDrOff
HDrOn
H drStrong
HdrWeak
Гарнитура
HeadsetMic
Исцеление
Слух
Рост
Помощь
HelpOutline
HighQuality
Highlight
HighlightOff
History
Home
HomeWork
HorizontalSplit
Hot Ванна
Гостиница
HourglassEmpty
HourglassFull
House
HowToReg
HowToVote
Http
https
Изображение
ImageAspectRatio
ImageSearch
ImportContacts
ImportExport
ImportantDevices
Inbox
IndeterminateCheckBox
Info
Input
InsertChart
InsertComment
InsertDriveFile
InsertEmoticon
InsertInvitation
InsertLink
InsertPhoto
InvertColors
InvertColorsOff
ISO 90 003
Keyboard
KeyboardArrowDown
KeyboardArrowLeft
KeyboardArrowRight
KeyboardArrowUp
KeyboardBackspace
KeyboardCapslock
KeyboardHide
KeyboardReturn
KeyboardTab
KeyboardVoice
KingB ed
Kitchen
Label
LabelImportant
LabelOff
Альбомная
Язык
Ноутбук
НоутбукChromebook
900 02 LaptopMacLaptopWindows
LastPage
Launch
Layers
LayersClear
LeakAdd
LeakRemove
Lens
LibraryAdd
LibraryAddCheck
LibraryBooks
9 0002 LibraryMusicLineStyle
LineWeight
LinearScale
Link
LinkOff
LinkedCamera
ListAlt
LiveHelp
LiveTv
LocalActivity
LocalAirport
LocalAtm
LocalBar
LocalCafe
LocalCarWash
LocalConvenienceStore
LocalDining
LocalDrink
LocalFlorist
Местная заправочная станция
Местный продуктовый магазин
Местная больница
Местная гостиница
Местная прачечная
Местная библиотека
Местный торговый центр
900 02 LocalMoviesLocalOffer
Местная парковка
Местная аптека
Местный телефон
LocalPizza
LocalPlay
LocalPostOffice
LocalPrintshop
LocalSee
LocalShipping
LocalTaxi
LocationC ity
LocationDisabled
LocationOff
LocationOn
LocationSearching
Lock
LockOpen
Looks
Looks3
Looks4
Looks5
Looks6
LooksOne
LooksTwo
Loop
Loupe
LowPriority
Loyalty
MailOutline
Map
Markunread
900 02 MarkunreadMailboxРазвернуть
MeetingRoom
Память
Меню
MenuBook
MenuOpen
MergeType
Сообщение
Mic
MicNone
MicOff
Свернуть
MissedVideoCall
Mms
MobileFriendly
MobileOff
MobileScreenShare
ModeComment
MonetizationOn
Money
MoneyOff
MonochromePhotos
Mood 90 003
MoodBad
Подробнее
MoreHoriz
MoreVert
Мотоцикл
Мышь
MoveToInbox
Фильм
9000 2 MovieCreationMovieFilter
MultilineChart
Museum
MusicNote
MusicOff
MusicVideo
MyLocation
Природа
Природа Люди
NavigateBefore
NavigateNext
Навигация
Рядом со мной 90 003
NetworkCell
NetworkCheck
NetworkLocked
NetworkWifi
NewReleases
NextWeek
Nfc
NightsStay 90 003
NoEncryption
NoMeetingRoom
NoSim
NotInterested
NotListedLocation
Note
NoteAdd
Notes
NotificationImportant
Notifications
NotificationsActive
NotificationsNone
Notifications Off
NotificationsPaused
OfflineBolt
OfflinePin
OndemandVideo
Opacity
OpenInBrowser
OpenInNew
900 02 ОткрытьСOutdoorGrill
Страницы
Просмотр страниц
Палитра
PanTool
Panorama
PanoramaFishEye
Panorama Horizontal
Panorama Vertical
Panorama WideAngle
PartyMode 90 003
Pause
PauseCircleFilled
PauseCircleOutline
PausePresentation
Оплата
People
PeopleAlt
PeopleOutline
ПермКамераМик
PermContactCalendar
PermDataSetting
PermDeviceInformation
PermIdentity
PermMedia
PermPhoneMsg
PermScanWifi
Person
PersonAdd
PersonAddDisabled
900 02 PersonOutlinePersonPin
PersonPinCircle
PersonalVideo
Домашние животные
Телефон
ТелефонAndroid
ТелефонBluetoothSpeaker
900 02 Обратный звонок по телефонуPhoneDisabled
PhoneEnabled
PhoneForwarded
PhoneInTalk
PhoneIphone
PhoneLocked
PhoneMissed
PhonePaused
Phonelink
PhonelinkErase
PhonelinkLock
Phone linkOff
PhonelinkRing
PhonelinkSetup
Photo
PhotoAlbum
PhotoCamera
PhotoFilter
PhotoLibrary
PhotoSizeSelectActual
PhotoSizeSelectLarge
PhotoSizeSelectSmall
PictureAsPdf
PictureInPicture
PictureInPictureAlt
Круговая диаграмма
PinDrop
Place
PlayArrow
PlayCirc leFilled
PlayCircleFilledWhite
PlayCircleOutline
PlayForWork
PlaylistAdd
PlaylistAddCheck
PlaylistPlay
PlusOne
Политика
Опрос
Полимер
Пул
PortableWifiOff
Portrait
PostAdd
Power
PowerInput
PowerOff
PowerSettingsNew
PregnantWoman
PresentToAll
900 02 PrintPrintDisabled
PriorityHigh
Public
Publish
QueryBuilder
QuestionAnswer
Queue
Que ueMusic
QueuePlayNext
Radio
RadioButtonChecked
RadioButtonUnchecked
RateReview
Квитанция
RecentActors
RecordVoiceOver
Redeem
Redo
Refresh
Remove
RemoveCircle
RemoveCircleOutline
RemoveFromQueue
RemoveRedEye
RemoveShoppingCart
Reorder
9000 2 ПовторитьRepeatOne
Повтор
Повтор 10
Повтор 30
Повтор 5
Ответить
ОтветитьВсем
Отчет
ОтчетВыкл.
Сообщить о проблеме
Ресторан
РесторанМеню
Восстановить
Re storeFromTrash
RestorePage
RingVolume
Room
RoomService
Rotate90DegreesCcw
RotateLeft
RotateRight 9 0003
Маршрутизатор
Гребля
RssFeed
RvHookup
Спутник
Сохранить
SaveAlt
Scanner
ScatterPlot
Schedule
School
Score
ScreenLockLandscape
ScreenLockPortrait
ScreenLockRotation
ScreenRotation
ScreenShare
SdCard
SdStorage
Поиск
Безопасность
SelectAll 900 03
Отправить
SentimentDissatisfied
SentimentSatisfied
SentimentSatisfiedAlt
SentimentVeryDissatisfied
SentimentVerySatisfied
Settings
SettingsApplications
SettingsBackupRestore
SettingsBluetooth
SettingsBrightness
SettingsCell
SettingsEthernet
SettingsInputAntenna
SettingsInputComponent
SettingsInputComposite
SettingsInputHdmi
SettingsInputSvideo 9000 3
НастройкиОверскан
НастройкиТелефон
SettingsPower
SettingsRemote
SettingsSystemDaydream
SettingsVoice
Share
Shop
ShopTwo
ShoppingBasket
Корзина покупок
ShortText
ShowChart
Перемешивание
ShutterSpeed
SignalCellular0Bar
SignalCellular1Bar
90 002 SignalCellular2BarSignalCellular3Bar
SignalCellular4Bar
SignalCellularAlt
SignalCellularConnectedNoInternet0Bar
SignalCellularConnectedNoInternet1Bar
SignalCellularConnectedNoInternet2Bar
SignalCellularConnectedNoInternet3Bar
SignalCellularConnectedNoInternet4 Bar
SignalCellularNoSim
SignalCellularNull
SignalCellularOff
SignalWifi0Bar
SignalWifi1Bar
SignalWifi1BarLock 900 03
SignalWifi2Bar
SignalWifi2BarLock
SignalWifi3Bar
SignalWifi3BarLock
SignalWifi4Bar
SignalWifi4BarLock
SignalWifiOff
SimCard
Односпальная кровать 9 0003
SkipNext
SkipPrevious
Слайд-шоу
SlowMotionVideo
Смартфон
SmokeFree
SmokingRooms
S мс
SmsFailed
Отложить
Сортировка
Сортировка по альфа-каналу
Спа
Пробел
Speaker
SpeakerGroup
SpeakerNotes
SpeakerNotesOff
SpeakerPhone
Скорость
Проверка орфографии
Спорт
SportsB aseball
СпортБаскетбол
СпортКрикет
СпортКиберспорт
СпортФутбол
СпортГольф
СпортГандбол
СпортХоккей
СпортКабадди
СпортММА
СпортАвтоспорт
СпортРегби
SportsFoccer
SportsTennis
SportsVolleyball
SquareFoot
Star
StarBorder
StarHalf
StarOutline
StarRate
Stars
StayCurrentLandscape
StayCurrentPortrait
StayPrimaryLandscape
StayPrimaryPortrait
Stop 9000 3
StopScreenShare
Storage
Store
StoreMallDirectory
Storefront
Straighten
Streetview
StrikethroughS
Style
SubdirectoryArrowLeft
SubdirectoryArrowRight
Subject
Подписки
Субтитры
Subway
SupervisedUserCircle
SupervisorAccount
SurroundSound
SwapCalls
SwapHoriz
90 002 SwapHorizontalCircleSwapVert
SwapVerticalCircle
SwitchCamera
SwitchVideo
Синхронизация
SyncAlt
SyncDisabled
SyncProblem
Обновление системы
Обновление системы
TabUnselected
TableChart
Tablet
TabletAndroid
TabletMac
TagFaces
TapAndPlay
Telegram
Terrain
TextFields
TextFormat
TextRotateUp
TextRotateVertical
TextRotationAngledown
TextRotationAngleup
TextRotationDown
TextRotationNone
Textsms
Текстура
Театры
9000 2 ThreeDRotationThreeSixty
ThumbDown
ThumbDownAlt
ThumbUp
ThumbUpAlt
ThumbsUpDown
TimeTo Выйти
Замедленная съемка
Временная шкала
Таймер
Таймер 10
Таймер 3
TimerOff
Title
Toc
Today
ToggleOff
ToggleOn
Toll
Тональность
Touch App
Игрушки
TrackChanges
Traffic
Train
Tram
TransferWithinAStation
Transform
TransitEnterexit
Перевод
TrendingDown
TrendingFlat
TrendingUp
TripOrigin
Tune
TurnedIn
TurnedInNot
Tv
TvOff
TwoWheeler
Разархивировать
Отменить 900 03
UnfoldLess
UnfoldMore
Отменить подписку
Обновление
Usb
VerifiedUser
VerticalAlignBottom
VerticalAlignCenter 90 003
VerticalAlignTop
VerticalSplit
Вибрация
VideoCall
VideoLabel
VideoLibrary
Videocam
VideocamOff
VideogameAsset
ViewAgenda
ViewArray
ViewCarousel
ViewColumn
ViewComfy
ViewCompact
ViewDay
ViewHeadline
ViewList
ViewModule
ViewQuilt
ViewStream
просмотр неделя
Виньетка
Видимость
ВидимостьВыкл.
Голосовой чат
VoiceOverOff
Voicemail
VolumeDown
VolumeMute
VolumeOff
VolumeUp
VpnKey
VpnLock
Обои
Предупреждение
Часы
ЧасыПозже
Волны
WbAuto
WbОблачно
WbЛампы накаливания
Вт переливающийся
WbSunny
Wc
Web
WebAsset
Выходные
Whatshot
WhereToVote
Виджеты
Wifi
WifiLock
WifiOff
WifiTethering
Работа
9 0002 WorkOffWorkOutline
WrapText
YouTube
YoutubeSearchedFor
ZoomIn
ZoomOut
ZoomOutMap
Значок API — Material UI
Редактировать эту страницуСправочные документы API для компонента React Icon. Узнайте о реквизитах, CSS и других API этого экспортированного модуля.
Демонстрации
Импорт
импорт значка из '@mui/material/Icon'; // или импортировать { Icon } из '@mui/material';Вы можете узнать о разнице, прочитав это руководство по минимизации размера пакета.
Реквизиты
Реквизиты собственного компонента также доступны.
Имя | Тип | По умолчанию | Описание |
---|---|---|---|
baseClassName | строка | ‘значки материалов’ | Базовый класс, примененный к значку. По умолчанию используется ‘material-icons’, но его можно изменить на любой другой базовый класс, который подходит для используемого вами шрифта значка (например, material-icons-rounded, fas и т. д.). |
детский | узел | Название иконы шрифтовой лигатуры. | |
классы | объект | Переопределение или расширение стилей, примененных к компоненту. Дополнительные сведения см. в разделе CSS API ниже. | |
цвет | «наследовать» | ‘действие’ | ‘отключено’ | «первичный» | «вторичный» | ‘ошибка’ | ‘информация’ | «успех» | «предупреждение» | string | ‘наследовать’ | Цвет компонента. Он поддерживает как стандартные, так и пользовательские цвета темы, которые можно добавить, как показано в руководстве по настройке палитры. |
компонент | elementType | Компонент, используемый для корневого узла. Либо строка для использования HTML-элемента, либо компонента. | |
fontSize | ‘наследовать’ | ‘большой’ | средний | «маленький» | строка | ‘средний’ | Размер шрифта, примененный к значку. По умолчанию 24 пикселя, но можно настроить для наследования размера шрифта. |
sx | Array | бул> | функция | object | Системная поддержка, которая позволяет определять системные переопределения, а также дополнительные стили CSS. См. страницу `sx` для более подробной информации. |
ref
перенаправляется в корневой элемент.Реквизиты темы по умолчанию
Вы можете использовать MuiIcon
для изменения реквизитов по умолчанию этого компонента с темой.CSS
Следующие имена классов полезны для стилизации с помощью CSS (классы состояния помечены).
Чтобы узнать больше, посетите страницу настройки компонента.
Имя правила | Глобальный класс | Описание |
---|---|---|
root | .MuiIcon-root | Стили, примененные к корневому элементу. |
.MuiIcon-colorPrimary | Стили применяются к корневому элементу, если color="primary" . | |
colorSecondary | .MuiIcon-colorSecondary | Стили применяются к корневому элементу, если color="secondary" . |
colorAction | .MuiIcon-colorAction | Стили применяются к корневому элементу, если color="action" . |
colorError | .MuiIcon-colorError | Стили применяются к корневому элементу, если color="error" . |
colorDisabled | .MuiIcon-colorDisabled | Стили применяются к корневому элементу, если color="disabled" . |
fontSizeInherit | . |