<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M25.5 16.711c0-2.17.695-3.975 1.815-5.219C28.422 10.262 30.013 9.5 32 9.5s3.578.762 4.685 1.992c1.12 1.244 1.815 3.05 1.815 5.22v3.121h-13zm-3 3.122v-3.122c0-2.808.905-5.358 2.585-7.226C26.777 7.605 29.187 6.5 32 6.5s5.223 1.105 6.915 2.985c1.68 1.868 2.585 4.418 2.585 7.226v3.122H48a1.5 1.5 0 0 1 1.496 1.385l2.666 34.667a1.5 1.5 0 0 1-1.495 1.615H13.334a1.5 1.5 0 0 1-1.496-1.615l2.667-34.667A1.5 1.5 0 0 1 16 19.833zm19 3h5.111L49.047 54.5H14.953l2.436-31.667H22.5v3.834H24h-1.5a1.5 1.5 0 0 0 3 0H24h1.5v-3.834h13v3.834H40h-1.5a1.5 1.5 0 0 0 3 0H40h1.5z"/></svg></template>
<script setup lang="ts">
/**
 * Handbag64 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>
