v4.0.0
4.0.0 (2017-11-19)
Features
- Update API (f243624f)
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)