vue-sailor-icons
Version:
Nice open source icons as Vue functional components.
94 lines • 3.13 kB
JavaScript
import _mergeJSXProps from "babel-helper-vue-jsx-merge-props";
export default {
name: 'ResizeIcon',
props: {
size: {
type: String,
default: '24',
validator: function validator(s) {
return !isNaN(s) || s.length >= 2 && !isNaN(s.slice(0, s.length - 1)) && s.slice(-1) === 'x';
}
},
color: {
type: String,
default: '#000'
}
},
functional: true,
render: function render(h, ctx) {
var size = ctx.props.size.slice(-1) === 'x' ? ctx.props.size.slice(0, ctx.props.size.length - 1) + 'em' : parseInt(ctx.props.size) + 'px';
var attrs = ctx.data.attrs || {};
attrs.width = attrs.width || size;
attrs.height = attrs.height || size;
ctx.data.attrs = attrs;
return h("svg", _mergeJSXProps([{
attrs: {
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24"
},
"class": "sailor sailor-resize"
}, ctx.data]), [h("path", {
attrs: {
d: "M4.73 10.86A.75.75 0 0 1 4 10.1V4.76A.75.75 0 0 1 4.73 4a.74.74 0 0 1 .72.76v5.34a.74.74 0 0 1-.72.76z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M9.45 5.52H4.73a.76.76 0 0 1 0-1.52h4.72a.76.76 0 0 1 0 1.52z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M10.21 11.25a.71.71 0 0 1-.52-.25l-5.1-5.32a.8.8 0 0 1 0-1.08.72.72 0 0 1 1 0l5.13 5.4a.79.79 0 0 1 0 1.07.71.71 0 0 1-.51.18z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M18.91 10.48a.75.75 0 0 1-.73-.77v-5a.73.73 0 1 1 1.46 0v5a.75.75 0 0 1-.73.77z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M18.91 5.52h-4.73a.76.76 0 0 1 0-1.52h4.73a.76.76 0 0 1 0 1.52z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M13.54 11.13a.73.73 0 0 1-.54-.23.8.8 0 0 1 0-1.08l4.89-5.11a.69.69 0 0 1 1 0 .78.78 0 0 1 0 1.08l-4.84 5.11a.71.71 0 0 1-.51.23z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M5.09 20a.75.75 0 0 1-.73-.76V13.9a.73.73 0 1 1 1.46 0v5.34a.75.75 0 0 1-.73.76z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M9.82 20H5.09a.76.76 0 0 1 0-1.52h4.73a.76.76 0 0 1 0 1.52z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M5.8 19.29a.7.7 0 0 1-.51-.22.8.8 0 0 1 0-1.08l4.84-5.07a.7.7 0 0 1 1 0 .8.8 0 0 1 0 1.08l-4.81 5.07a.7.7 0 0 1-.52.22z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M19.27 20a.74.74 0 0 1-.72-.76v-4.95a.74.74 0 0 1 .72-.77.75.75 0 0 1 .73.77v4.95a.75.75 0 0 1-.73.76z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M19.27 20h-4.72a.76.76 0 0 1 0-1.52h4.72a.76.76 0 0 1 0 1.52z",
fill: ctx.props.color
}
}), h("path", {
attrs: {
d: "M18.81 19.48a.74.74 0 0 1-.51-.22l-5-5.26a.8.8 0 0 1 0-1.08.7.7 0 0 1 1 0l5 5.26a.8.8 0 0 1 0 1.08.74.74 0 0 1-.49.22z",
fill: ctx.props.color
}
})]);
}
};