<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M14.044 3.427a.75.75 0 0 1 .873.74V5.85l.97.069a.75.75 0 0 1 .697.748v1.742l.136.01a.75.75 0 0 1 .696.748v4.167a.75.75 0 0 1-.803.748l-.03-.003v1.755a.75.75 0 0 1-.803.748l-11.667-.833A.75.75 0 0 1 3.417 15V5.834l.004-.077q.002-.014.006-.028l.001-.03q.007-.024.013-.047a1 1 0 0 1 .044-.127q.006-.016.014-.032a.8.8 0 0 1 .152-.202l.005-.006.059-.05.038-.025a.8.8 0 0 1 .166-.084l.044-.013.051-.012q.015-.005.03-.007zM4.917 14.302l10.167.726v-1.055l-4.305-.308a.75.75 0 0 1-.696-.748V8.75a.75.75 0 0 1 .803-.748l4.198.3v-.937L4.917 6.64v7.663Zm6.666-2.084 4.333.31V9.865l-4.333-.31zm2.167-2.01a.833.833 0 1 1 0 1.666.833.833 0 0 1 0-1.666m-3.235-4.673 2.902.207v-.69z"/></svg></template>
<script setup lang="ts">
/**
 * Wallet20 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>
