<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="M3.023 10.904A1.5 1.5 0 0 1 4.24 9.166l27.575-4.862a1.5 1.5 0 0 1 1.737 1.217l1.327 7.522 8.419.736a1.5 1.5 0 0 1 1.363 1.625l-2.44 27.894a1.5 1.5 0 0 1-1.625 1.363l-27.894-2.44a1.5 1.5 0 0 1-1.363-1.625l.107-1.222-1.823.321a1.5 1.5 0 0 1-1.738-1.217zm35.391 22.191-2.996-16.993 6.124.535-2.18 24.905-24.904-2.179.046-.529 22.694-4.001a1.5 1.5 0 0 0 1.216-1.738m-28.79-2.031.955 5.416L35.2 32.14l-.955-5.417-4.414.779-.033.006-17.686 3.118-.051.01zM6.238 11.86l3.039 17.234 1.805-.318 2.695-12.036a1 1 0 0 1 1.779-.377l4.364 5.884 1.529-3.016a1 1 0 0 1 1.575-.278l6.933 6.494 3.94-.694-3.039-17.234zm21.258 14.022-14.28 2.517 2.035-9.09 4.027 5.43a1 1 0 0 0 1.695-.144l1.657-3.271zm-4.052-11.47a1 1 0 1 1 1.97-.348 1 1 0 0 1-1.97.347m.464-3.129a3 3 0 1 0 1.042 5.909 3 3 0 0 0-1.042-5.909"/></svg></template>
<script setup lang="ts">
/**
 * ImageAlt48 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>
