<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M33.753 8.521a1.502 1.502 0 0 1 1.747 1.48v4.317l2.606.187A1.5 1.5 0 0 1 39.5 16v4.462l.607.044a1.5 1.5 0 0 1 1.393 1.496v10a1.5 1.5 0 0 1-1.608 1.496l-.392-.028V38a1.5 1.5 0 0 1-1.607 1.496l-28-2A1.5 1.5 0 0 1 8.5 36.001v-22l.006-.136v-.013l.005-.03a1.5 1.5 0 0 1 .105-.4l.01-.026a1.5 1.5 0 0 1 .232-.368l.018-.021q.096-.109.213-.197l.024-.019a1 1 0 0 1 .098-.065q.012-.008.025-.015.235-.14.517-.19zM11.5 34.603l25 1.787v-3.134l-10.608-.759a1.5 1.5 0 0 1-1.392-1.496v-10a1.5 1.5 0 0 1 1.607-1.496l10.393.743v-2.85l-25-1.787zm16-4.998 11 .787v-6.994l-11-.787zm5.5-5.106a2 2 0 1 1-.001 4 2 2 0 0 1 0-4ZM22.7 13.404l9.8.7v-2.332z"/></svg></template>
<script setup lang="ts">
/**
 * Wallet48 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>
