<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M22.503 5.68a1 1 0 0 1 1.164.987v2.878l1.738.125a1 1 0 0 1 .929.997v2.976l.403.029a1 1 0 0 1 .929.997v6.667a1 1 0 0 1-1.072.997l-.26-.02v3.02a1 1 0 0 1-1.072.998L6.595 24.998a1 1 0 0 1-.928-.997V9.334q0-.121.028-.236l.004-.019.015-.049a1 1 0 0 1 .036-.096l.015-.032a1 1 0 0 1 .057-.102q.008-.014.017-.027a1 1 0 0 1 .088-.111l.005-.007.053-.053.045-.039.03-.024a1 1 0 0 1 .117-.076L6.2 8.45a1 1 0 0 1 .134-.06l.014-.003a1 1 0 0 1 .132-.035q.011-.001.022-.004zM7.667 23.069l16.667 1.192v-2.09l-7.072-.505a1 1 0 0 1-.93-.997V14a1 1 0 0 1 1.072-.997l6.93.495v-1.9L7.667 10.407v12.661Zm10.666-3.332 7.333.525V15.6l-7.333-.525zM22 16.333a1.333 1.333 0 1 1 0 2.666 1.333 1.333 0 0 1 0-2.666m-6.87-7.398 6.537.467V7.847z"/></svg></template>
<script setup lang="ts">
/**
 * Wallet32 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>
