Material icons and Symbols - react-md

Skip to main content

react-md

- Inputs
- Autocomplete
- Button
- ButtonUnstyled
- Checkbox
- FileInput
- NativeSelect
- Radio
- SegmentedButton
- Select
- Slider
- Switch
- TextField
- Form
- Form
- FormMessage
- Presentation
- Avatar
- Badge
- Chip
- Divider
- HighlightText
- Icon
- IconRotator
- List
- Mark
- Material Icons/Symbols
- ResponsiveItem
- Table
- TextContainer
- TextIconSpacing
- Tooltip
- Typography
- Navigation
- Carousel
- Link
- Menu
- Navigation
- Tabs
- Tree
- Feedback
- Dialog
- Overlay
- Progress
- Sheet
- Snackbar
- Layout
- AppBar
- Box
- Card
- ExpansionPanel
- WindowSplitter
- Utils
- ErrorBoundary
- NoSsr
- RenderRecursively
- RootHtml
- Portal
- SkipToMainContent
- SrOnly
- Suspense
- Transitions
- Collapse
- CrossFade
- CSSTransition
- ScaleTransition
- SkeletonPlaceholder
- Slide
- Providers
- AppSizeProvider
- ColorSchemeProvider
- CoreProviders
- PortalContainerProvider
- SsrProvider
- ThemeProvider
- UserInteractionModeProvider
- WritingDirectionProvider
Blog

Customization

Fill

Weight

100700

Grade

-25 (low)200 (high emphasis)

Optical Size

20px48px

Check out the official material symbols website for more information.

Filter

Material Symbols

Icon Type

outlined

Icon Family