Skip to content

Commit d5dcec3

Browse files
committed
chore: docs update
1 parent 0fe5363 commit d5dcec3

File tree

1 file changed

+4
-6
lines changed

1 file changed

+4
-6
lines changed

packages/react-icons/README.md

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -71,25 +71,23 @@ module.exports = {
7171

7272
## Static SVGs
7373

74-
All icons are also available as static SVG files in `@patternfly/react-icons/dist/static`. The static SVGs include all the same attributes as the React components (viewBox, class names, etc.) and are generated using the same `createIcon` function to ensure visual consistency.
74+
All icons are also available as static SVG files in `@patternfly/react-icons/dist/static`. The static SVGs include all the same attributes as the React components (viewBox, class names, etc.) to ensure visual consistency.
7575

7676
Static SVGs are useful when you need to:
77-
- Use icons in non-React contexts (HTML emails, static sites, etc.)
78-
- Embed icons directly in HTML without JavaScript
77+
- Use icons in non-React contexts, such as static HTML
7978
- Reference icons via URL or file path
80-
- Use icons in build tools that process static assets
8179

8280
### Usage
8381

8482
You can import or reference static SVG files directly:
8583

8684
```jsx
8785
// In HTML
88-
<img src="@patternfly/react-icons/dist/static/times-icon.svg" alt="Close" />
86+
<img src="/icons/static/times-icon.svg" alt="Close" />
8987

9088
// In CSS
9189
.close-icon {
92-
background-image: url('@patternfly/react-icons/dist/static/times-icon.svg');
90+
background-image: url('/icons/static/times-icon.svg');
9391
}
9492

9593
// Direct file path

0 commit comments

Comments
 (0)