OpusCapita svg icons

Synopsis

Package provide an unified library of SVG icons. Initially based on Google Material Icons

Motivation for creating this library

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):

  Inline SVG vs Icon Fonts

• Lars Kappert :

  Why and how I’m using SVG sprites over fonts for icons

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

Usage

Installation

npm install --save -E opuscapita-ui-svg-icons

Import an icon using webpack

let buildIcon = require('!!raw-loader!@opuscapita/ui-svg-icons/lib/build.svg');

In this way you get a raw .svg file content.

If require not working, ensure raw-loader installed.

Contributing

See contributing guide