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

let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<path class="g2wj9jb"/><path class="n20fo5b"/><circle class="on3gey"/><path class="dsnr0dz"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:pi-1" {...props}></Icon>
<style>
:global .g2wj9jb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.5 5.5h29c2.216 0 4 1.784 4 4v29c0 2.216-1.784 4-4 4h-29c-2.216 0-4-1.784-4-4v-29c0-2.216 1.784-4 4-4");
}

:global .n20fo5b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M17.257 30.795V17.541h4.34c2.453 0 4.441 1.993 4.441 4.451s-1.988 4.451-4.441 4.451h-4.34");
}

:global .on3gey {
  cx: 29.993px;
  cy: 17.955px;
  r: .75px;
  fill: currentColor;
}

:global .dsnr0dz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.993 22.014v8.781");
}

</style>
