<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M16.836 4.015A1 1 0 0 1 18 5v1.926l1.071.077A1 1 0 0 1 20 8v1.997l.071.006A1 1 0 0 1 21 11v5a1 1 0 0 1-1 1v2a1 1 0 0 1-1.072.998l-14-1A1 1 0 0 1 4 18V7a1 1 0 0 1 .04-.282l.013-.041.024-.062.01-.024a1 1 0 0 1 .231-.323l.024-.02a1 1 0 0 1 .086-.07l.054-.034q.003 0 .005-.004a1 1 0 0 1 .178-.084l.01-.002a1 1 0 0 1 .086-.026l.019-.004.056-.01zM6 17.069l12 .858v-1.068l-5.072-.362A1 1 0 0 1 12 15.5v-5a1 1 0 0 1 1.071-.997L18 9.855v-.923L6 8.074zm8-2.5 5 .358V11.93l-5-.358v2.996Zm2.5-2.32a1 1 0 1 1 0 2.001 1 1 0 0 1 0-2Zm-3.036-5.647L16 6.784v-.603z"/></svg></template>
<script setup lang="ts">
/**
 * Wallet24 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>
