Icard

History

realSnehal 400e0876de frontend		2024-07-16 20:25:36 +05:30
..
interfaces	frontend	2024-07-16 20:25:36 +05:30
shapes	frontend	2024-07-16 20:25:36 +05:30
utils	frontend	2024-07-16 20:25:36 +05:30
README.md	frontend	2024-07-16 20:25:36 +05:30
clr-icons-api.d.ts	frontend	2024-07-16 20:25:36 +05:30
clr-icons-api.js	frontend	2024-07-16 20:25:36 +05:30
clr-icons-api.js.map	frontend	2024-07-16 20:25:36 +05:30
clr-icons-element.d.ts	frontend	2024-07-16 20:25:36 +05:30
clr-icons-element.js	frontend	2024-07-16 20:25:36 +05:30
clr-icons-element.js.map	frontend	2024-07-16 20:25:36 +05:30
clr-icons-lite.min.js	frontend	2024-07-16 20:25:36 +05:30
clr-icons-sfx.d.ts	frontend	2024-07-16 20:25:36 +05:30
clr-icons.css	frontend	2024-07-16 20:25:36 +05:30
clr-icons.css.map	frontend	2024-07-16 20:25:36 +05:30
clr-icons.min.css	frontend	2024-07-16 20:25:36 +05:30
clr-icons.min.css.map	frontend	2024-07-16 20:25:36 +05:30
clr-icons.min.js	frontend	2024-07-16 20:25:36 +05:30
index.d.ts	frontend	2024-07-16 20:25:36 +05:30
index.js	frontend	2024-07-16 20:25:36 +05:30
index.js.map	frontend	2024-07-16 20:25:36 +05:30
package.json	frontend	2024-07-16 20:25:36 +05:30

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>