broccoli-cssmyicons

Broccoli plugin to generate a CSS for SVG icons

Usage no npm install needed!

<script type="module">
  import broccoliCssmyicons from 'https://cdn.skypack.dev/broccoli-cssmyicons';
</script>

README

CSS my icons

Build Status

Broccoli plugin to generate a CSS file for SVG icons used as background-image:

.icon-home{background-image:url('icons/home.svg');background:no-repeat;}

There are also versions for Grunt and Gulp

CHANGELOG

INSTALL

$ npm install broccoli-cssmyicons

USAGE

var cssMyIcons = require('broccoli-cssmyicons');

var tree = cssMyIcons(app, {
  files: ['*.svg'],
  dest: 'icons.css',
  destDir: 'assets/style',
  prefixPath: '/'
});

OPTIONS

cssMyIcons(tree, options)

options.files

Type: Array
Required

This option is the glob of the svg folders.

options.dest

Type: String
Optional
Default style.css

Path to the CSS file to export to.

options.destDir

Type: String
Optional

Destination directory to export the CSS file to.

options.prefixPath

Type: String
Optional

Prefix to add at the beginning of the icons path

CONTRIBUTE

$ npm run test

LICENSE

MIT