<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="M4 24.333a1 1 0 0 1 1 1V27h1.667l.102.005a1 1 0 0 1 0 1.99L6.667 29H4a1 1 0 0 1-1-1v-2.667a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1V28a1 1 0 0 1-1 1h-3.333a1 1 0 1 1 0-2H27v-1.667a1 1 0 0 1 1-1M10.667 20a1.333 1.333 0 1 1 0 2.667 1.333 1.333 0 0 1 0-2.667M16 20a1.333 1.333 0 1 1 0 2.666A1.333 1.333 0 0 1 16 20m5.333 0a1.334 1.334 0 1 1 0 2.668 1.334 1.334 0 0 1 0-2.668m-10.666-5.333a1.333 1.333 0 1 1 0 2.666 1.333 1.333 0 0 1 0-2.666m5.333 0a1.333 1.333 0 1 1 0 2.665 1.333 1.333 0 0 1 0-2.665m5.333 0a1.334 1.334 0 1 1 0 2.667 1.334 1.334 0 0 1 0-2.667M10.667 9.333a1.334 1.334 0 1 1-.002 2.668 1.334 1.334 0 0 1 .002-2.668m5.333 0A1.334 1.334 0 1 1 15.999 12 1.334 1.334 0 0 1 16 9.333m5.333 0a1.334 1.334 0 1 1 0 2.669 1.334 1.334 0 0 1 0-2.669M6.769 3.005a1 1 0 0 1 0 1.99L6.667 5H5v1.667a1 1 0 0 1-2 0V4a1 1 0 0 1 1-1h2.667zM28 3a1 1 0 0 1 1 1v2.667a1 1 0 0 1-2 0V5h-1.667a1 1 0 0 1 0-2z"/></svg></template>
<script setup lang="ts">
/**
 * AuthenticationPincode32 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>
