<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M34 4.5c-4.423 0-7.321 1.679-9.102 3.608a10.3 10.3 0 0 0-1.831 2.767 9 9 0 0 0-.182.441A5.5 5.5 0 0 0 20 10.5H6A1.5 1.5 0 0 0 4.5 12v24A1.5 1.5 0 0 0 6 37.5h14a2.5 2.5 0 0 1 2.5 2.5 1.5 1.5 0 0 0 3 0 2.5 2.5 0 0 1 2.5-2.5h14a1.5 1.5 0 0 0 1.5-1.5V12a1.5 1.5 0 0 0-1.5-1.5h-6.5V6A1.5 1.5 0 0 0 34 4.5M32.5 12V7.583c-2.682.31-4.36 1.435-5.398 2.56a7.3 7.3 0 0 0-1.294 1.95c-.216.487-.282.799-.301.887q-.008.04-.007.02v18.836c1.546-1.537 3.81-2.923 7-3.259zm3 1.5h5v21H28a5.5 5.5 0 0 0-.95.082l.089-.106C28.402 33.002 30.507 31.5 34 31.5a1.5 1.5 0 0 0 1.5-1.5zm-13 21.6V16a2.5 2.5 0 0 0-2.5-2.5H7.5v21H20c.9 0 1.75.216 2.5.6M11 19a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1m1 4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zm-1 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1"/></svg></template>
<script setup lang="ts">
/**
 * Book48 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>
