Book Square icon in outline, twotone, bold and bulk. Free in all four styles, for courses, library, certificates, office work. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconBookSquare } from "@devigner-ui/icons";
<IconBookSquare className="size-6" />
<script setup>
import { IconBookSquare } from "@devigner-ui/icons-vue";
</script>
<template>
<IconBookSquare class="size-6" />
</template>
<script>
import { IconBookSquare } from "@devigner-ui/icons-svelte";
</script>
<IconBookSquare class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.67 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7h-6c-5 0-7 2-7 7v6c0 5 2 7 7 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><g opacity="1"><path d="M19.05 15.27V7.58c0-.77-.62-1.33-1.38-1.27h-.04c-1.34.11-3.37.8-4.51 1.51l-.11.07a.7.7 0 0 1-.68 0l-.16-.1a12 12 0 0 0-4.5-1.49 1.26 1.26 0 0 0-1.38 1.27v7.7c0 .61.5 1.19 1.11 1.26l.18.03c1.38.18 3.52.89 4.74 1.56l.03.01c.17.1.45.1.61 0a16 16 0 0 1 4.76-1.57l.21-.03a1.3 1.3 0 0 0 1.12-1.26" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12.67 8.1v9.56" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>