Material Icons - Material UI (original) (raw)
- Getting started
- Components
- All components
- Inputs
* Autocomplete
* Button
* Button Group
* Checkbox
* Floating Action Button
* Radio Group
* Rating
* Select
* Slider
* Switch
* Text Field
* Transfer List
* Toggle Button - Data display
* Avatar
* Badge
* Chip
* Divider
* Icons
* Material Icons
* List
* Table
* Tooltip
* Typography - Feedback
* Alert
* Backdrop
* Dialog
* Progress
* Skeleton
* Snackbar - Surfaces
* Accordion
* App Bar
* Card
* Paper - Navigation
* Bottom Navigation
* Breadcrumbs
* Drawer
* Link
* Menu
* Pagination
* Speed Dial
* Stepper
* Tabs - Layout
* Box
* Container
* Grid
* Grid v2New
* Stack
* Image List
* Hidden - Utils
* Click-Away Listener
* CSS Baseline
* Modal
* No SSR
* Popover
* Popper
* Portal
* Textarea Autosize
* Transitions
* useMediaQuery - MUI X
* Data Grid
* Date & Time Pickers
* Charts
* Tree View - Lab
* About the lab 🧪
* Masonry
* Timeline
- Component API
- Customization
- How-to guides
- Integrations
- Experimental APIs
- Migration
- Discover more
- Design resources
- Template store
+
2,100+ ready-to-use React Material Icons from the official website.
@mui/icons-materialincludes the 2,100+ official Material Icons converted to SvgIcon components. It depends on @mui/material, which requires Emotion packages. Use one of the following commands to install it:
npm install @mui/icons-material@^5.0.0 @mui/material@^5.0.0 @emotion/styled @emotion/reactSee the Installation page for additional docs about how to make sure everything is set up correctly.
Browse through the icons below to find the one you need. The search field supports synonyms—for example, try searching for "hamburger" or "logout."
2,127 matching results
AirlineSeatIndividualSuite
AirlineSeatLegroomReduced
DoNotDisturbOnTotalSilence
NoEncryptionGmailerrorred
PanoramaPhotosphereSelect
SentimentVeryDissatisfied
SignalCellularConnectedNoInternet0Bar
SignalCellularConnectedNoInternet1Bar
SignalCellularConnectedNoInternet2Bar
SignalCellularConnectedNoInternet3Bar
SignalCellularConnectedNoInternet4Bar
SignalWifiConnectedNoInternet4
SignalWifiStatusbarConnectedNoInternet4
SystemSecurityUpdateWarning
API
See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.