<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="M14.167 1.75c-1.879 0-3.12.714-3.885 1.543a4.4 4.4 0 0 0-.809 1.242 2.4 2.4 0 0 0-1.14-.285H2.5a.75.75 0 0 0-.75.75v10c0 .414.336.75.75.75h5.833c.507 0 .917.41.917.917a.75.75 0 0 0 1.5 0c0-.507.41-.917.917-.917H17.5a.75.75 0 0 0 .75-.75V5a.75.75 0 0 0-.75-.75h-2.583V2.5a.75.75 0 0 0-.75-.75m-.75 3.251V3.302c-1.006.147-1.638.581-2.033 1.009-.25.271-.415.551-.516.779-.077.172-.104.284-.113.322q-.006.028-.005.005v7.56c.631-.557 1.502-1.035 2.667-1.181zm1.5.749h1.833v8.5h-5.083l-.084.001c.52-.522 1.326-1.001 2.584-1.001a.75.75 0 0 0 .75-.75zM9.25 14.43V6.667a.917.917 0 0 0-.917-.917H3.25v8.5h5.083c.325 0 .634.064.917.18M4.5 7.917a.5.5 0 0 1 .5-.5h2.5a.5.5 0 1 1 0 1H5a.5.5 0 0 1-.5-.5M5 9.5a.5.5 0 0 0 0 1h2.5a.5.5 0 0 0 0-1zm-.5 2.583a.5.5 0 0 1 .5-.5h2.5a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5"/></svg></template>
<script setup lang="ts">
/**
 * Book20 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>
