<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M15.5 22c0-5.799 4.701-10.5 10.5-10.5S36.5 16.201 36.5 22 31.799 32.5 26 32.5 15.5 27.799 15.5 22M26 8.5c-7.456 0-13.5 6.044-13.5 13.5 0 3.188 1.105 6.117 2.952 8.427L8.94 36.939a1.5 1.5 0 0 0 2.122 2.122l6.513-6.513A13.44 13.44 0 0 0 26 35.5c7.456 0 13.5-6.044 13.5-13.5S33.456 8.5 26 8.5"/></svg></template>
<script setup lang="ts">
/**
 * Search48 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>
