@justeattakeaway/pie-icons-vue
Version:
PIE Design System Icon set for Vue
29 lines (27 loc) • 1.2 kB
JavaScript
import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
import { iconSize, updateContextData } from '@justeattakeaway/pie-icons-configs/configs-vue';
export default {
name: 'IconBookmark',
props: {
size: iconSize.regular,
},
functional: true,
render (h, ctx) {
ctx.data = updateContextData(ctx, 'c-pieIcon c-pieIcon--bookmark', 'IconBookmark');
return h('svg', _mergeJSXProps([{
attrs: {
xmlns: 'http://www.w3.org/2000/svg',
role: 'presentation',
focusable: 'false',
fill: 'currentColor',
viewBox: '0 0 16 16',
},
}, ctx.data]), [h('path', {
attrs: {
'fill-rule': 'evenodd',
d: 'M3.835 1.84h8.321c1.085 0 1.969.884 1.969 1.969v10.57L8 11.465l-6.134 2.914V3.809c0-1.085.884-1.969 1.969-1.969Zm4.174 8.172 4.812 2.293V3.809a.661.661 0 0 0-.656-.657H3.844a.661.661 0 0 0-.657.657v8.496l4.822-2.293ZM8 4.492l.709 1.452 1.592.227L9.155 7.3l.271 1.584L8 8.13l-1.426.753.28-1.584-1.155-1.129 1.592-.227L8 4.49Z',
'clip-rule': 'evenodd',
},
})]);
},
};