mirror of
https://github.com/tiny-craft/tiny-rdm.git
synced 2025-05-08 18:18:06 +08:00
36 lines
1.4 KiB
Vue
36 lines
1.4 KiB
Vue
<script setup>
|
|
const props = defineProps({
|
|
strokeWidth: {
|
|
type: [Number, String],
|
|
default: 3,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
:stroke-width="strokeWidth"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<path
|
|
d="M24 28.6248V24.6248C27.3137 24.6248 30 21.9385 30 18.6248C30 15.3111 27.3137 12.6248 24 12.6248C20.6863 12.6248 18 15.3111 18 18.6248"
|
|
stroke="currentColor"
|
|
:stroke-width="strokeWidth"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<path
|
|
fill-rule="evenodd"
|
|
clip-rule="evenodd"
|
|
d="M24 37.6248C25.3807 37.6248 26.5 36.5055 26.5 35.1248C26.5 33.7441 25.3807 32.6248 24 32.6248C22.6193 32.6248 21.5 33.7441 21.5 35.1248C21.5 36.5055 22.6193 37.6248 24 37.6248Z"
|
|
fill="currentColor"
|
|
/>
|
|
</svg>
|
|
</template>
|
|
|
|
<style lang="scss" scoped></style>
|