<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M12.667 5a2.333 2.333 0 0 0 0 4.667H15V7.333A2.333 2.333 0 0 0 12.667 5M16 4.564a4.333 4.333 0 0 0-6.985 5.102H5.333a1 1 0 0 0-1 1V28a1 1 0 0 0 1 1h21.334a1 1 0 0 0 1-1V10.667a1 1 0 0 0-1-1h-3.681A4.333 4.333 0 0 0 16 4.565m3.333 5.103A2.333 2.333 0 1 0 17 7.333v2.334zm-13 10.666V27H15v-6.667zm0-2H15v-6.666H6.333zm10.667 2V27h8.667v-6.667zm8.667-2H17v-6.666h8.667z"/></svg></template>
<script setup lang="ts">
/**
 * Gift32 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>
