52 lines
1.4 KiB
Vue
52 lines
1.4 KiB
Vue
|
<script setup>
|
||
|
|
const props = defineProps({
|
||
|
|
strokeWidth: {
|
||
|
|
type: [Number, String],
|
||
|
|
default: 3,
|
||
|
|
},
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<circle :stroke-width="props.strokeWidth" cx="24" cy="28" fill="none" r="16" stroke="currentColor" />
|
||
|
|
<path
|
||
|
|
:stroke-width="props.strokeWidth"
|
||
|
|
d="M28 4L20 4"
|
||
|
|
stroke="currentColor"
|
||
|
|
stroke-linecap="round"
|
||
|
|
stroke-linejoin="round"
|
||
|
|
/>
|
||
|
|
<path
|
||
|
|
:stroke-width="props.strokeWidth"
|
||
|
|
d="M24 4V12"
|
||
|
|
stroke="currentColor"
|
||
|
|
stroke-linecap="round"
|
||
|
|
stroke-linejoin="round"
|
||
|
|
/>
|
||
|
|
<path
|
||
|
|
:stroke-width="props.strokeWidth"
|
||
|
|
d="M35 16L38 13"
|
||
|
|
stroke="currentColor"
|
||
|
|
stroke-linecap="round"
|
||
|
|
stroke-linejoin="round"
|
||
|
|
/>
|
||
|
|
<path
|
||
|
|
:stroke-width="props.strokeWidth"
|
||
|
|
d="M24 28V22"
|
||
|
|
stroke="currentColor"
|
||
|
|
stroke-linecap="round"
|
||
|
|
stroke-linejoin="round"
|
||
|
|
/>
|
||
|
|
<path
|
||
|
|
:stroke-width="props.strokeWidth"
|
||
|
|
d="M24 28H18"
|
||
|
|
stroke="currentColor"
|
||
|
|
stroke-linecap="round"
|
||
|
|
stroke-linejoin="round"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|