<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M22.667 3c-2.95 0-4.881 1.119-6.069 2.405a6.8 6.8 0 0 0-1.342 2.14A3.65 3.65 0 0 0 13.333 7H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h9.333c.92 0 1.667.746 1.667 1.667a1 1 0 1 0 2 0c0-.92.746-1.667 1.667-1.667H28a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-4.333V4a1 1 0 0 0-1-1m-1 5V5.056c-1.789.206-2.907.956-3.599 1.706-.417.452-.693.92-.863 1.3a3 3 0 0 0-.205.605v12.557c1.03-1.024 2.54-1.949 4.667-2.173zm2 1H27v14h-8.333q-.325 0-.634.055l.06-.07c.842-.983 2.245-1.985 4.574-1.985a1 1 0 0 0 1-1zM15 23.4V10.667C15 9.747 14.254 9 13.333 9H5v14h8.333c.6 0 1.167.144 1.667.4M7.5 12.667a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1H8a.5.5 0 0 1-.5-.5M8 15.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1zm-.5 3.833a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H8a.5.5 0 0 1-.5-.5"/></svg></template>
<script setup lang="ts">
/**
 * Book32 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>
