Skip to content

Commit 09ce5a0

Browse files
Matt review
1 parent 8c34fb8 commit 09ce5a0

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

docs/src/pages/components/icons/icons.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,11 @@ Material-UI provides icons support in three ways:
1515

1616
## Material Icons
1717

18-
Material Design has standardized over 1,000 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the `@material-ui/icons` package. You can search the full list of these icons in our [built-in search page](/components/material-icons/).
18+
Material Design has standardized over 1,000 official icons, each in five different "themes" (see below). For each SVG icon, we export the respective React component from the @material-ui/icons package. You can search the full list of these icons in our [built-in search page](/components/material-icons/).
1919

2020
### Usage
2121

22-
Install `@material-ui/icons`. Import icons using one of these two options:
22+
Install @material-ui/icons. Import icons using one of these two options:
2323

2424
- Option 1:
2525

@@ -38,15 +38,15 @@ The safest is Option 1 but Option 2 can yield the best developer experience.
3838
Make sure you follow the [minimizing bundle size guide](/guides/minimizing-bundle-size/#option-2) before using the second approach.
3939
The configuration of a Babel plugin is encouraged.
4040

41-
Each icon also has a "theme": `Filled` (default), `Outlined`, `Rounded`, `Two tone` and `Sharp`. If you want to import the icon component with a "theme" different than default, append the "theme" name to the icon name. For example `@material-ui/icons/Delete` icon with:
41+
Each icon also has a theme: Filled (default), Outlined, Rounded, Two tone and Sharp. If you want to import the icon component with a theme different than default, append the theme name to the icon name. For example `@material-ui/icons/Delete` icon with:
4242

43-
- `Filled` "theme" (default) is exported as *@material-ui/icons/Delete*,
44-
- `Outlined` "theme" is exported as *@material-ui/icons/DeleteOutlined*,
45-
- `Rounded` "theme" is exported as *@material-ui/icons/DeleteRounded*,
46-
- `Two tone` "theme" is exported as *@material-ui/icons/DeleteTwoTone*,
47-
- `Sharp` "theme" is exported as *@material-ui/icons/DeleteSharp*.
43+
- Filled theme (default) is exported as `@material-ui/icons/Delete`,
44+
- Outlined theme is exported as `@material-ui/icons/DeleteOutlined`,
45+
- Rounded theme is exported as `@material-ui/icons/DeleteRounded`,
46+
- Twotone theme is exported as `@material-ui/icons/DeleteTwoTone`,
47+
- Sharp theme is exported as `@material-ui/icons/DeleteSharp`.
4848

49-
Note: The Material Design specification names the icons using "snake_case" naming (for example `delete_forever`, `add_a_photo`), while `@material-ui/icons` exports the respective icons using "PascalCase" naming (for example `DeleteForever`, `AddAPhoto`). There are three exceptions to this naming rule: `3d_rotation` exported as `ThreeDRotation`, `4k` exported as `FourK`, and `360` exported as `ThreeSixty`.
49+
Note: The Material Design specification names the icons using "snake_case" naming (for example `delete_forever`, `add_a_photo`), while @material-ui/icons exports the respective icons using "PascalCase" naming (for example `DeleteForever`, `AddAPhoto`). There are three exceptions to this naming rule: `3d_rotation` exported as `ThreeDRotation`, `4k` exported as `FourK`, and `360` exported as `ThreeSixty`.
5050

5151
{{"demo": "pages/components/icons/SvgMaterialIcons.js"}}
5252

0 commit comments

Comments
 (0)