| 1 | ---
|
| 2 | reference: icons
|
| 3 | ---
|
| 4 |
|
| 5 | @# Icons
|
| 6 |
|
| 7 | Blueprint provides over 300 vector UI icons in two sizes (16px and 20px) and two formats (SVG and fonts).
|
| 8 | It's easy to change their color or apply effects like text shadows via standard SVG or CSS properties.
|
| 9 |
|
| 10 | Many Blueprint components support an `icon` prop which accepts an icon name (such as `"history"`) or a JSX element to use as the icon.
|
| 11 |
|
| 12 | <div class="@ns-callout @ns-intent-primary @ns-icon-info-sign">
|
| 13 |
|
| 14 | See the [**`Icon` component documentation**](#core/components/icon) for full API details.
|
| 15 | </div>
|
| 16 |
|
| 17 | @reactExample IconExample
|
| 18 |
|
| 19 | @reactDocs Icons
|