<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.296 10.778a.5.5 0 0 1 .595.214l.043.091.092.232a3.252 3.252 0 0 0 6.038-.232.501.501 0 0 1 .944.334 4.253 4.253 0 0 1-7.896.304l-.12-.304-.024-.099a.5.5 0 0 1 .328-.54M10 9.5a.5.5 0 0 1 .5.5v.833a.5.5 0 1 1-1 0V10a.5.5 0 0 1 .5-.5M7.5 7c.777 0 1.46.47 1.718 1.157a.5.5 0 0 1-.936.352C8.176 8.226 7.877 8 7.5 8a.84.84 0 0 0-.734.405l-.048.104-.045.09a.5.5 0 0 1-.917-.343l.026-.099.053-.126A1.83 1.83 0 0 1 7.5 7m5 0c.777 0 1.46.47 1.718 1.157a.5.5 0 0 1-.936.352C13.176 8.226 12.877 8 12.5 8c-.33 0-.6.173-.733.405l-.05.104-.044.09a.5.5 0 0 1-.917-.343l.026-.099.053-.126A1.83 1.83 0 0 1 12.5 7M4.243 1.754a.75.75 0 0 1 0 1.492l-.076.004H3.25v.917a.75.75 0 0 1-1.5 0V2.5a.75.75 0 0 1 .75-.75h1.667zM17.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">
/**
 * AuthenticationFaceId20 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>
