<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M3 4a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm1 14V6h16v12zm5.163-9.703 2.714 2.71a.174.174 0 0 0 .246 0l2.715-2.71A.174.174 0 0 0 14.714 8H9.286a.174.174 0 0 0-.123.297M7.502 15.8l.964-6.416a.174.174 0 0 1 .295-.097l3.116 3.112a.174.174 0 0 0 .246 0l3.116-3.112a.174.174 0 0 1 .295.097l.964 6.416a.174.174 0 0 1-.172.2H14.24a.174.174 0 0 1-.172-.15l-.278-1.94a.174.174 0 0 0-.296-.099l-1.372 1.37a.174.174 0 0 1-.246 0l-1.372-1.37a.174.174 0 0 0-.296.098l-.277 1.942a.174.174 0 0 1-.173.149H7.674a.174.174 0 0 1-.172-.2"/></svg></template>
<script setup lang="ts">
/**
 * LoyaltyBm24 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>
