<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M3.25 10a6.75 6.75 0 0 1 10.963-5.274l-1.681 1.682-.512-.512a.5.5 0 0 0-.353-.146H8.333a.5.5 0 0 0-.353.146l-.687.687h-1.46a.5.5 0 0 0-.5.5v5.834a.5.5 0 0 0 .254.435l-.86.861A6.72 6.72 0 0 1 3.25 10m4.394 3.417-1.857 1.857a6.75 6.75 0 0 0 9.487-9.487l-.861.861a.5.5 0 0 1 .254.435v5.834a.5.5 0 0 1-.5.5zM10 1.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M7.854 7.437l.686-.687h2.92l.686.687a.5.5 0 0 0 .354.146h1.167v4.834H6.333V7.583H7.5a.5.5 0 0 0 .354-.146m-.77 1.313a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833M10 8.833a1.167 1.167 0 1 0 0 2.334 1.167 1.167 0 0 0 0-2.334M7.833 10a2.167 2.167 0 1 1 4.334 0 2.167 2.167 0 0 1-4.334 0"/></svg></template>
<script setup lang="ts">
/**
 * NoPicture20 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
