<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="M13 8.356c0-1.032.33-1.873.843-2.443C14.348 5.353 15.075 5 16 5s1.652.352 2.157.913c.513.57.843 1.41.843 2.443v1.31h-6zm-2 1.31v-1.31c0-1.457.47-2.795 1.356-3.78C13.251 3.58 14.524 3 16 3s2.748.581 3.643 1.576C20.53 5.56 21 6.899 21 8.356v1.31h3a1 1 0 0 1 .997.924l1.333 17.333A1 1 0 0 1 25.333 29H6.667a1 1 0 0 1-.998-1.077L7.003 10.59A1 1 0 0 1 8 9.667zm10 2h2.074L24.254 27H7.745l1.18-15.333H11v1.666h1-1a1 1 0 1 0 2 0h-1 1v-1.666h6v1.666h1-1a1 1 0 1 0 2 0h-1 1z"/></svg></template>
<script setup lang="ts">
/**
 * Handbag32 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>
