Quick start with Unpkg CDN
<script src="https://unpkg.com/@rnbws/svg-icon.js/dist/svg-icon.min.js"></script>
Install with NPX (and enjoy the template to view all your icons in a simple, organized, and searchable manner).
npx @rnbws/svg-icon.js
Place all of your icons in /icons at your root directory.
root/
├─ icons/
│ ├─ icon1.svg
│ ├─ icon2.svg
│ ├─ icon3.svg/
You're ready to go!
<svg-icon>logo</svg-icon>
<svg-icon>arrows/arrow-right</svg-icon>
Override the source directly by setting a different one in the src attribute. You can Either use internal or external links.
<svg-icon src="icon.svg"></svg-icon>
<div style="color: red;">
<svg-icon>arrow</svg-icon>
</div>
And, you can always override colors using the color attribute:
<svg-icon color="red">arrow</svg-icon>
Apply size directly (or simply your own CSS).
<svg-icon size="80">arrow</svg-icon>