400e0876de | ||
---|---|---|
.. | ||
interfaces | ||
shapes | ||
utils | ||
README.md | ||
clr-icons-api.d.ts | ||
clr-icons-api.js | ||
clr-icons-api.js.map | ||
clr-icons-element.d.ts | ||
clr-icons-element.js | ||
clr-icons-element.js.map | ||
clr-icons-lite.min.js | ||
clr-icons-sfx.d.ts | ||
clr-icons.css | ||
clr-icons.css.map | ||
clr-icons.min.css | ||
clr-icons.min.css.map | ||
clr-icons.min.js | ||
index.d.ts | ||
index.js | ||
index.js.map | ||
package.json |
README.md
Installing Clarity Icons
-
Install Clarity Icons package through npm:
npm install @clr/icons
-
Install the polyfill for Custom Elements:
npm install @webcomponents/custom-elements
-
Include the clr-icons.min.css and clr-icons.min.js in your HTML. As clr-icons.min.js is dependent on the Custom Elements polyfill, make sure to include it before clr-icons.min.js:
<link rel="stylesheet" href="path/to/node_modules/clr-icons/clr-icons.min.css"> <script src="path/to/node_modules/@webcomponents/custom-elements/custom-elements.min.js"></script> <script src="path/to/node_modules/clr-icons/clr-icons.min.js"></script>