<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="M40 6.5a1.5 1.5 0 0 0-1.06.44l-32 32a1.5 1.5 0 0 0 0 2.12l16 16a1.5 1.5 0 0 0 2.12 0l5.565-5.564A14.77 14.77 0 0 0 40 54.833c3.556 0 6.82-1.25 9.375-3.337l5.564 5.565a1.5 1.5 0 0 0 2.122-2.122l-5.565-5.564A14.77 14.77 0 0 0 54.833 40c0-3.556-1.25-6.82-3.337-9.375l5.565-5.564A1.5 1.5 0 0 0 57.5 24V8A1.5 1.5 0 0 0 56 6.5zm9.375 22.004 5.125-5.125V9.5H40.621L10.121 40 24 53.879l4.504-4.504A14.77 14.77 0 0 1 25.167 40c0-8.192 6.64-14.833 14.833-14.833 3.556 0 6.82 1.25 9.375 3.337M28.167 40c0-6.535 5.298-11.833 11.833-11.833S51.833 33.465 51.833 40 46.535 51.833 40 51.833 28.167 46.535 28.167 40m18.5-20a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333"/></svg></template>
<script setup lang="ts">
/**
 * SearchProduct64 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>
