Material Icons - Material UI (original) (raw)

Skip to content

• 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.

• Feedback
• Bundle size
• Material Design
• Figma
• Adobe
• Sketch

@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/react

See 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.