@icon-park/vue-next
Version:
Vue3 Icons for IconPark
34 lines • 1.54 kB
JavaScript
import { createVNode as _createVNode } from "vue";
import { IconWrapper } from '../runtime';
export default IconWrapper('switch-button', true, function (props) {
return _createVNode("svg", {
"width": props.size,
"height": props.size,
"viewBox": "0 0 48 48",
"fill": "none"
}, [_createVNode("path", {
"d": "M36 4H12C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20H36C40.4183 20 44 16.4183 44 12C44 7.58172 40.4183 4 36 4Z",
"fill": props.colors[1],
"stroke": props.colors[0],
"stroke-width": props.strokeWidth,
"stroke-linejoin": props.strokeLinejoin
}, null), _createVNode("path", {
"d": "M36 28H12C7.58172 28 4 31.5817 4 36C4 40.4183 7.58172 44 12 44H36C40.4183 44 44 40.4183 44 36C44 31.5817 40.4183 28 36 28Z",
"fill": props.colors[1],
"stroke": props.colors[0],
"stroke-width": props.strokeWidth,
"stroke-linejoin": props.strokeLinejoin
}, null), _createVNode("path", {
"d": "M36 14C37.1046 14 38 13.1046 38 12C38 10.8954 37.1046 10 36 10C34.8954 10 34 10.8954 34 12C34 13.1046 34.8954 14 36 14Z",
"fill": props.colors[3],
"stroke": props.colors[2],
"stroke-width": props.strokeWidth,
"stroke-linejoin": props.strokeLinejoin
}, null), _createVNode("path", {
"d": "M12 38C13.1046 38 14 37.1046 14 36C14 34.8954 13.1046 34 12 34C10.8954 34 10 34.8954 10 36C10 37.1046 10.8954 38 12 38Z",
"fill": props.colors[3],
"stroke": props.colors[2],
"stroke-width": props.strokeWidth,
"stroke-linejoin": props.strokeLinejoin
}, null)]);
});