<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="M19.5 12.533c0-1.547.495-2.808 1.265-3.663C21.522 8.03 22.613 7.5 24 7.5s2.478.529 3.235 1.37c.77.855 1.265 2.116 1.265 3.663V14.5h-9zm-3 1.967v-1.967c0-2.185.705-4.192 2.035-5.67C19.877 5.371 21.787 4.5 24 4.5s4.123.872 5.465 2.363c1.33 1.478 2.035 3.485 2.035 5.67V14.5H36a1.5 1.5 0 0 1 1.496 1.385l2 26A1.5 1.5 0 0 1 38 43.5H10a1.5 1.5 0 0 1-1.496-1.615l2-26A1.5 1.5 0 0 1 12 14.5zm15 3h3.111l1.77 23H11.62l1.77-23h3.11V20H18h-1.5a1.5 1.5 0 0 0 3 0H18h1.5v-2.5h9V20H30h-1.5a1.5 1.5 0 0 0 3 0H30h1.5z"/></svg></template>
<script setup lang="ts">
/**
 * Handbag48 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>
