BellOffIcon.vue

<script setup lang="ts">
interface Props {
  color?: string;
  size?: string | number;
}
defineProps<Props>();
</script>

<template>
  <svg
    :width="`${size ?? 40}px`"
    :height="`${size ?? 40}px`"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M10.5 2C10.5 1.44772 10.9477 1 11.5 1H12.5C13.0523 1 13.5 1.44772 13.5 2V3H14C16.7613 3 19 5.23825 19 7.99975V11C19 11.7377 19.2328 12.5722 19.6026 13.4148C19.9683 14.2482 20.4412 15.0294 20.8586 15.6439C21.3162 16.3178 21.3274 17.2273 20.9242 17.9052L18.2876 15.2685C18.1067 14.9353 17.9312 14.5831 17.7712 14.2186C17.3445 13.2463 17 12.1234 17 11V7.99975C17 6.34298 15.6569 5 14 5H9.99999C9.43275 5 8.9023 5.15739 8.44992 5.43089L7.01062 3.99158C7.84446 3.36876 8.87917 3 9.99999 3H10.5V2Z"
      :fill="color ?? '#000000'"
    />
    <path
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M5.00027 7.94565C5.00008 7.96366 4.99999 7.98169 4.99999 7.99975V11C4.99999 11.7377 4.76718 12.5722 4.39739 13.4148C4.03165 14.2482 3.55876 15.0294 3.14142 15.6439C2.38188 16.7624 2.85216 18.5301 4.40564 18.8103C5.42144 18.9935 6.85701 19.2115 8.54657 19.3527C8.54454 19.4015 8.54352 19.4506 8.54352 19.5C8.54352 21.433 10.1105 23 12.0435 23C13.9765 23 15.5435 21.433 15.5435 19.5C15.5435 19.4482 15.5424 19.3966 15.5402 19.3453C15.8088 19.3224 16.0709 19.2975 16.3257 19.2711L14.4742 17.4196C13.6902 17.4696 12.86 17.5 12 17.5C9.00044 17.5 6.36441 17.1303 4.78167 16.8458C4.7792 16.8362 4.77797 16.8242 4.77941 16.8113C4.78102 16.7969 4.78578 16.7825 4.79599 16.7675C5.25529 16.0911 5.79804 15.2 6.22878 14.2186C6.65547 13.2463 6.99999 12.1234 6.99999 11V9.94536L5.00027 7.94565ZM13.4997 19.4715C13.0122 19.4898 12.5113 19.5 12 19.5C11.5191 19.5 11.0473 19.491 10.5872 19.4747C10.5803 20.2778 11.2347 20.9565 12.0435 20.9565C12.8541 20.9565 13.5076 20.2758 13.4997 19.4715Z"
      :fill="color ?? '#000000'"
    />
    <path
      d="M2.00789 3.42206C1.61737 3.03153 1.61737 2.39837 2.00789 2.00784C2.39841 1.61732 3.03158 1.61732 3.4221 2.00784L22.0004 20.5862C22.391 20.9767 22.391 21.6099 22.0004 22.0004C21.6099 22.3909 20.9767 22.3909 20.5862 22.0004L2.00789 3.42206Z"
      :fill="color ?? '#000000'"
    />
  </svg>
</template>

<style scoped></style>