<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<path class="i9clfwm2k"/><rect class="cuzsle0dq"/><rect class="m45nyfbrf"/><path class="cxfmmyb8o"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:kobo-books" {...props}></Icon>
<style>
:global(.cuzsle0dq) {
  width: 5.435px;
  height: 7.202px;
  x: 33.065px;
  y: 20.341px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 2.717px;
  ry: 2.717px;
}

:global(.cxfmmyb8o) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.5 16.673v10.87m.001-2.309l4.92-4.897m-3.354 3.338l3.868 3.851m10.015-4.467a2.72 2.72 0 0 1 2.718-2.718h0c1.5 0 2.717 1.217 2.717 2.718v1.766a2.717 2.717 0 0 1-2.717 2.718h0a2.717 2.717 0 0 1-2.718-2.718m0 2.718v-10.87");
}

:global(.i9clfwm2k) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4");
}

:global(.m45nyfbrf) {
  width: 5.435px;
  height: 7.202px;
  x: 16.922px;
  y: 20.341px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 2.717px;
  ry: 2.717px;
}

</style>
