Installation

Iconweuse can be integrated into your project using several different methods. Choose the one that best fits your workflow.

CDN (Quickest)

Access our entire icon library instantly without installing any packages. Perfect for static sites or quick prototyping.

<link href="https://cdn.iconweuse.com/cdn/icon/k4z9rm2tq1" rel="stylesheet" />

Note: The kit ID (e.g., k4z9rm2tq1) is unique to your account and reflects your customized icon set.

NPM / Yarn

Ideal for React, Vue, or Svelte projects. Our package includes both SVG components and the webfont CSS.

npm install iconweuse

Or using Yarn:

yarn add iconweuse

Manual Download

For offline use or self-hosting requirements, you can download the full asset package.

1. 1

   Log in to your Dashboard.

2. 2

   Navigate to the Download section.

3. 3

   Select your desired format (SVG, Webfont, or optimized bundle).

SVG Sprites

If you prefer using SVG sprites for performance, you can find our optimized sprite sheet in the `dist` folder of the NPM package or the manual download.

<svg className="icon">
  <use xlink:href="/path/to/sprite.svg#icon-name"></use>
</svg>