Paper Icons is a modern and beautiful icon library built to seamlessly integrate with Paper UI.
Import Paper Icons using CDN. The import.min.js file will automatically import all styles and JavaScript files into the <head>.
<script type="module" src="https://unpkg.com/papericons"></script><script type="module" src="https://unpkg.com/papericons@latest"></script>Install Paper Icons using npm and node.
npm install papericonsImport icon definitions from papericons.
index.js
import paperIcons from 'papericons';
document.addEventListener('DOMContentLoaded', () => {
paperIcons.replaceIcons();
});Use the <icon-name> tag in HTML markup. Refer to the Icon Docs for more guidance on using each icon. That's it 🎉.
HTML
<!-- example icon -->
<i paper-icon="disc"></i>
<!-- using vanilla js with no framework -->
<script>
document.addEventListener('DOMContentLoaded', () => {
window.PaperIcons.replaceIcons();
});
</script>Check out the demo on codepen.
Licensed under the MIT License, Copyright © 2024-present Opensource-Paper.
See LICENSE for more information.