<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.5 3.417a.75.75 0 0 0-.75.75v11.666c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V4.167a.75.75 0 0 0-.75-.75zm.75 11.666V4.917h13.5v10.166zm3.917-6.75a1.167 1.167 0 1 1 2.333 0 1.167 1.167 0 0 1-2.333 0m1.166-2.166A2.167 2.167 0 0 0 6.77 9.833a3.83 3.83 0 0 0-2.269 3.5h1a2.833 2.833 0 0 1 5.667 0h1c0-1.56-.932-2.902-2.27-3.5a2.167 2.167 0 0 0-1.564-3.666M12 7.5a.5.5 0 0 1 .5-.5H15a.5.5 0 0 1 0 1h-2.5a.5.5 0 0 1-.5-.5m0 1.667a.5.5 0 0 1 .5-.5H15a.5.5 0 0 1 0 1h-2.5a.5.5 0 0 1-.5-.5"/></svg></template>
<script setup lang="ts">
/**
 * IdCard20 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>
