<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="M2.5 15.083a.75.75 0 0 1 .75.75v.917h.917l.076.004a.75.75 0 0 1 0 1.492l-.076.004H2.5a.75.75 0 0 1-.75-.75v-1.667a.75.75 0 0 1 .75-.75m15 0a.75.75 0 0 1 .75.75V17.5a.75.75 0 0 1-.75.75h-2.083a.75.75 0 0 1 0-1.5h1.333v-.917a.75.75 0 0 1 .75-.75M6.667 12.5a.833.833 0 1 1 0 1.667.833.833 0 0 1 0-1.667m3.333 0a.833.833 0 1 1 0 1.666.833.833 0 0 1 0-1.666m3.333 0a.834.834 0 1 1 0 1.668.834.834 0 0 1 0-1.668M6.667 9.167a.833.833 0 1 1 0 1.666.833.833 0 0 1 0-1.666m3.333 0a.833.833 0 1 1 0 1.666.833.833 0 0 1 0-1.666m3.333 0a.834.834 0 1 1 0 1.667.834.834 0 0 1 0-1.667M6.667 5.833a.834.834 0 1 1-.002 1.668.834.834 0 0 1 .002-1.668m3.333 0A.834.834 0 1 1 9.999 7.5.834.834 0 0 1 10 5.833m3.333 0a.834.834 0 1 1-.001 1.669.834.834 0 0 1 .001-1.669m-9.09-4.08a.75.75 0 0 1 0 1.493l-.076.004H3.25v.917a.75.75 0 0 1-1.5 0V2.5a.75.75 0 0 1 .75-.75h1.667l.076.004ZM17.5 1.75a.75.75 0 0 1 .75.75v1.667a.75.75 0 0 1-1.5 0V3.25h-.917a.75.75 0 0 1 0-1.5z"/></svg></template>
<script setup lang="ts">
/**
 * AuthenticationPincode20 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>
