DigIcon.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
      fill-rule="evenodd"
      clip-rule="evenodd"
      d="M19.6712 1.257C19.2806 0.86648 18.6475 0.86648 18.257 1.257C17.8664 1.64753 17.8664 2.28069 18.257 2.67122L19.0983 3.5126L10.0125 12.5984L8.41422 11.0001C7.63317 10.219 6.36684 10.219 5.58579 11.0001L3.02918 13.5567C1.76017 14.8257 0.867312 16.5433 0.875174 18.4552C0.877805 19.0951 0.912494 19.7972 1.02031 20.4227C1.11795 20.9892 1.30983 21.7241 1.79291 22.2072C2.27599 22.6903 3.01093 22.8822 3.57741 22.9798C4.20292 23.0876 4.90502 23.1223 5.54494 23.1249C7.45684 23.1328 9.17438 22.2399 10.4434 20.9709L13 18.4143C13.7811 17.6333 13.7811 16.3669 13 15.5859L11.4268 14.0126L20.5126 4.92684L21.3213 5.73561C21.7119 6.12613 22.345 6.12613 22.7356 5.73561C23.1261 5.34508 23.1261 4.71192 22.7356 4.32139L19.6712 1.257ZM7.11903 15.4919L8.59832 14.0126L7.00001 12.4143L4.4434 14.9709C3.46451 15.9498 2.86995 17.1799 2.87516 18.4469C2.87758 19.0363 2.91037 19.6138 2.99124 20.083C3.03079 20.3124 3.0712 20.595 3.20771 20.7924C3.40514 20.9289 3.68766 20.9693 3.91712 21.0089C4.38634 21.0897 4.96381 21.1225 5.55316 21.1249C6.82023 21.1302 8.05029 20.5356 9.02917 19.5567L11.5858 17.0001L10.0126 15.4269L8.53327 16.9061C8.14275 17.2967 7.50957 17.2967 7.11905 16.9061C6.72852 16.5156 6.72851 15.8824 7.11903 15.4919Z"
      :fill="color ?? '#000000'"
    />
  </svg>
</template>

<style scoped></style>