<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M4 12a8 8 0 0 1 12.906-6.32l-2.01 2.01-.542-.544A.5.5 0 0 0 14 7h-4a.5.5 0 0 0-.354.146L8.793 8H7a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .192.394L5.68 16.906A7.97 7.97 0 0 1 4 12m5.414 4-2.32 2.32A8 8 0 0 0 18.32 7.094l-1.012 1.012a.5.5 0 0 1 .192.394v7a.5.5 0 0 1-.5.5zM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2M9.354 8.854 10.207 8h3.586l.853.854A.5.5 0 0 0 15 9h1.5v6h-9V9H9a.5.5 0 0 0 .354-.146M8.5 10.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m3.5 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M9.5 12a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0"/></svg></template>
<script setup lang="ts">
/**
 * NoPicture24 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>
