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
|