<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M3 2a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h5v2a1 1 0 0 0 1.6.8l3.733-2.8H21a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm1 15V4h16v13h-7.333l-.267.2L10 19v-2zm7.25-2.29a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0m.574-9.205L12 5.5a3 3 0 0 1 1.32 5.7.91.91 0 0 0-.57.81v.25a.75.75 0 0 1-1.5-.01V12a2.41 2.41 0 0 1 1.41-2.16 1.51 1.51 0 0 0-.525-2.83L12 7a1.5 1.5 0 0 0-1.5 1.5.75.75 0 0 1-1.5 0 3 3 0 0 1 2.824-2.995"/></svg></template>
<script setup lang="ts">
/**
 * Question24 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>
