Package provide an unified library of SVG icons. Initially based on Google Material Icons
Font-based icons like font-awesome have a lot of limitations:
- font-based icons is a global dependency
- font-based icons are not extendable. You have no chance to easilly add a new icon
- Different browser have different font render engines
Related articles on this topic
-
Chris Coyier (CSS-Tricks and codepen.io co-founder):
Difference from base Google Material Icons library
- Much reduced resulting package size (~60MB vs ~500KB)
- Icon files paths normalized to
[package-name]/lib/[icon-name]
- Removed hardcoded color values in a few icons
npm install --save -E @opuscapita/svg-icons
Import an icon using webpack
let buildIcon = require('!!raw-loader!@opuscapita/svg-icons/lib/build.svg');
In this way you get a raw .svg file content.
If require
not working, ensure raw-loader installed.
Kirill Volkovich | |
---|---|
Alexey Sergeev |
Your contribution is welcome. We need YOU! 🤘
Apache License, Version 2.0. See LICENSE for the full license text.