@blueprintjs/icons/src/index.md

Components, fonts, icons, and css files for creating and displaying icons.

---
reference: icons
---

@# Icons

The [**@blueprintjs/icons** NPM package](https://www.npmjs.com/package/@blueprintjs/icons)
provides over 500 vector UI icons in two sizes (16px and 20px) and two formats (SVG and fonts).

<div class="@ns-callout @ns-intent-primary @ns-icon-info-sign">

See the [**`Icon` component documentation**](#core/components/icon) (in the `@blueprintjs/core` package) for React API details.

</div>

```sh
npm install --save @blueprintjs/icons
```

For icon font support, import CSS with a bundler like webpack:

```js
@import "@blueprintjs/icons/lib/css/blueprint-icons.css";
```

...or in plain HTML:

```html
<link href="path/to/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css" rel="stylesheet" />
```

Be sure to check out the [docs for loading icons](#icons/loading-icons) and the
[full list of available icons](#icons/icons-list).

@page loading-icons
@page icons-list