<script setup lang="ts">
const props = defineProps({
  size: { type: [Number, String], default: 32 },
  color: { type: String, default: '#707070' },
  bg: { type: String, default: '#ededed' },
  strokeWidth: { type: [Number, String], default: 2 },
})
</script>
<template>
  <svg xmlns="http://www.w3.org/2000/svg" :width="size" :height="size" viewBox="0 0 32 32" role="img">
    <circle :fill="bg" cx="16" cy="16" r="16" />
    <line :stroke="color" stroke-linecap="round" :stroke-width="strokeWidth" x1="10" y1="10" x2="22" y2="22" />
    <line :stroke="color" stroke-linecap="round" :stroke-width="strokeWidth" x1="22" y1="10" x2="10" y2="22" />
  </svg>
</template>
