<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M9.5 32C9.5 19.574 19.574 9.5 32 9.5c5.673 0 10.856 2.1 14.814 5.565l-6.5 6.5-2.274-2.272a1 1 0 0 0-.707-.293H26.667a1 1 0 0 0-.707.293l-2.374 2.374h-4.92a1 1 0 0 0-1 1v18.666a1 1 0 0 0 1 1h.88l-4.481 4.481A22.4 22.4 0 0 1 9.5 32m14.288 10.333-6.602 6.602A22.4 22.4 0 0 0 32 54.5c12.426 0 22.5-10.074 22.5-22.5 0-5.673-2.1-10.856-5.565-14.814l-4.48 4.48h.878a1 1 0 0 1 1 1v18.667a1 1 0 0 1-1 1zM32 6.5C17.917 6.5 6.5 17.917 6.5 32S17.917 57.5 32 57.5 57.5 46.083 57.5 32 46.083 6.5 32 6.5m-7.293 16.874L27.081 21h9.838l2.374 2.374a1 1 0 0 0 .707.293h4.333v16.666H19.667V23.667H24a1 1 0 0 0 .707-.293M22.667 28a1.333 1.333 0 1 0 0-2.667 1.333 1.333 0 0 0 0 2.667M32 27.667a4.333 4.333 0 1 0 0 8.666 4.333 4.333 0 0 0 0-8.666M25.667 32a6.333 6.333 0 1 1 12.666 0 6.333 6.333 0 0 1-12.666 0"/></svg></template>
<script setup lang="ts">
/**
 * NoPicture64 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>
