Get started with clarity-icons CDN
MIT licensed
Clarity Icons is a library providing a set of scalable, customizable, and open-source SVG icons for modern interfaces.
Tags:- ux
- ui
- css
- typescript
- component-library
- design-system
- clarity
Stable version
Copied!
How to start using clarity-icons CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with clarity-icons CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/assets/styles/clarity-icons.css" />
<script src="https://cdn.cdnhub.io/clarity-icons/0.10.28/clarity-icons.min.js"></script>
</head>
<body>
<button id="copy-btn">
<clarity-icon icon="copy"></clarity-icon>
</button>
<script>
document.getElementById('copy-btn').addEventListener('click', () => {
// Your copy functionality here
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
0.10.0
0.10.0-alpha
0.10.0-alpha.2
0.10.0-alpha.3
0.10.0-alpha.4
0.10.0-alpha.5
0.10.0-alpha.6
0.10.0-patch
0.10.0-rc.1
0.10.1
0.10.10
0.10.11
0.10.12
0.10.13
0.10.14
0.10.15
0.10.16
0.10.17
0.10.18
0.10.19
0.10.2
0.10.20
0.10.21
0.10.22
0.10.23
0.10.24
0.10.25
0.10.26
0.10.27
*** 0.10.28
0.10.3
0.10.4
0.10.5
0.10.6
0.10.7
0.10.8
0.10.8-alpha.1
0.10.8-alpha.2
0.10.9
0.6.0
0.6.0-beta.0
0.6.0-beta.1
0.6.0-beta.2
0.6.1
0.6.2
0.6.3
0.6.4
0.7.0
0.7.1
0.7.2
0.7.3
0.7.4
0.7.5
0.7.6
0.8.0
0.8.0-alpha
0.8.0-alpha2
0.8.0-alpha3
0.8.1
0.8.10
0.8.11
0.8.12
0.8.13
0.8.14
0.8.15
0.8.16
0.8.17
0.8.18
0.8.2
0.8.3
0.8.4
0.8.5
0.8.6
0.8.7
0.8.8
0.8.9
0.9.0
0.9.0-alpha.1
0.9.0-alpha.2
0.9.0-beta.1
0.9.1
0.9.10
0.9.11
0.9.12
0.9.13
0.9.14
0.9.15
0.9.16
0.9.17
0.9.18
0.9.19
0.9.2
0.9.20
0.9.3
0.9.4
0.9.4-patch
0.9.5
0.9.5-patch
0.9.6
0.9.7
0.9.8
0.9.9