<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="M3.417 2.5a.75.75 0 0 1 .75-.75h11.667a.75.75 0 0 1 .75.75v15a.75.75 0 0 1-.75.75H4.167a.75.75 0 0 1-.75-.75zm1.5.75v13.5h10.167V3.25zM10 11.167A.917.917 0 1 0 10 13a.917.917 0 0 0 0-1.833m0-5a.917.917 0 0 0-.916.916.75.75 0 1 1-1.5 0 2.417 2.417 0 0 1 4.833 0c0 .556-.143.997-.398 1.357-.225.32-.516.538-.711.683l-.024.019c-.223.166-.333.256-.41.366-.059.082-.124.214-.124.492a.75.75 0 0 1-1.5 0c0-.556.144-.997.398-1.357.226-.32.516-.537.711-.683l.025-.018c.222-.167.333-.257.41-.367.058-.082.123-.214.123-.492A.917.917 0 0 0 10 6.167M8.25 15a.5.5 0 0 1 .5-.5h4.167a.5.5 0 0 1 0 1H8.75a.5.5 0 0 1-.5-.5m-1.166.417a.417.417 0 1 0 0-.834.417.417 0 0 0 0 .834"/></svg></template>
<script setup lang="ts">
/**
 * Survey20 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>
