<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="M29 8.5a1.5 1.5 0 0 0 0 3h1c5.799 0 10.5 4.701 10.5 10.5a1.5 1.5 0 0 0 3 0c0-7.456-6.044-13.5-13.5-13.5zM7.5 22a4.5 4.5 0 0 1 4.5-4.5h11a1.5 1.5 0 0 0 0-3H12A7.5 7.5 0 0 0 4.5 22v10a7.5 7.5 0 0 0 7.5 7.5h18a7.5 7.5 0 0 0 7.5-7.5v-4a1.5 1.5 0 0 0-3 0v4a4.5 4.5 0 0 1-4.5 4.5H12A4.5 4.5 0 0 1 7.5 32zM29 14.5a1.5 1.5 0 0 0 0 3h1a4.5 4.5 0 0 1 4.5 4.5 1.5 1.5 0 0 0 3 0 7.5 7.5 0 0 0-7.5-7.5z"/></svg></template>
<script setup lang="ts">
/**
 * Rfid48 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>
