github feathericons/feather v4.0.0

latest releases: v4.29.2, v4.29.1, v4.29.0...
6 years ago

4.0.0 (2017-11-19)

Features

Breaking Changes

Each icon in the feather.icons object is now an Icon object with a name, contents, tags and attrs property.

/* BEFORE */
feather.icons.x
// '<line ... /><line ... />'

/* AFTER */
feather.icons.x
// {
//    name: 'x',
//    contents: '<line ... /><line ... />`,
//    tags: ['cancel', 'close', 'delete', 'remove'],
//    attrs: {
//      class: 'feather feather-x',
//      xmlns: 'http://www.w3.org/2000/svg',
//      width: 24,
//      height: 24,
//      viewBox: '0 0 24 24',
//      fill: 'none',
//      stroke: 'currentColor',
//      'stroke-width': 2,
//      'stroke-linecap': 'round',
//      'stroke-linejoin': 'round',
//    }
// }

feather.toSvg() has been deprecated in favor of feather.icons[name].toSvg():

/* BEFORE */
feather.toSvg('x')

/* AFTER */
feather.icons.x.toSvg()

feather.replace() now copies all attributes on the placeholder element (i.e. <i>) to the <svg> tag instead of just class and id:

<i data-feather="circle" id="my-circle" class="foo bar" stroke-width="1"></i>
<!--
<i> will be replaced with:
<svg id="my-circle" class="feather feather-circle foo bar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle></svg>
-->

(f243624f)

Don't miss a new feather release

NewReleases is sending notifications on new releases.