<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="M6 8.5A1.5 1.5 0 0 0 4.5 10v28A1.5 1.5 0 0 0 6 39.5h36a1.5 1.5 0 0 0 1.5-1.5V10A1.5 1.5 0 0 0 42 8.5zm1.5 28v-25h33v25zm10.825-19.906 5.429 5.42a.35.35 0 0 0 .492 0l5.429-5.42a.348.348 0 0 0-.246-.594H18.57a.348.348 0 0 0-.246.594M15.004 31.6l1.927-12.832a.348.348 0 0 1 .591-.194l6.232 6.223a.35.35 0 0 0 .492 0l6.232-6.223a.348.348 0 0 1 .59.194L32.997 31.6c.032.21-.131.399-.344.399h-4.17a.35.35 0 0 1-.345-.299l-.555-3.882a.348.348 0 0 0-.591-.197l-2.745 2.74a.35.35 0 0 1-.492 0l-2.744-2.74a.348.348 0 0 0-.592.197l-.555 3.882a.35.35 0 0 1-.345.299h-4.17a.348.348 0 0 1-.344-.4"/></svg></template>
<script setup lang="ts">
/**
 * LoyaltyBm48 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>
