Papericons NPM

Installation

CDN

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>

🚧 Specific Version

<script type="module" src="https://unpkg.com/papericons@latest"></script>

NPM

Install Paper Icons using npm and node.

npm install papericons

Import

Import icon definitions from papericons.

index.js

import paperIcons from 'papericons';

document.addEventListener('DOMContentLoaded', () => {
  paperIcons.replaceIcons();
});

Usage

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.

Copyright and license

See LICENSE for more information.

javascript svg html open-source npm documentation js paper icons icon-pack svg-icons icon ui-components figma ui-library svgs paper-ui paperui paper-icons papericons

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago