<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="r2zscggae"/><path class="j92p-7byt"/><path class="u9pue7xmf"/><path class="emu1-tb9q"/><path class="i9clfwm2k"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:nihonoari" {...props}></Icon>
<style>
:global(.emu1-tb9q) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m12.811 31.215l-7.266 6.72m36.96.026l-7.285-6.746m-3.553-3.291l-7.645-7.08l-7.654 7.08m2.578 3.932V42.5m10.108-10.644V42.5");
}

: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(.j92p-7byt) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m16.107 29.712l-.018 1.832a54.5 54.5 0 0 0 7.911.492c2.646.028 5.29-.136 7.912-.492l.006-1.834");
}

:global(.r2zscggae) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 30.081a68 68 0 0 1-9.46-.558");
}

:global(.u9pue7xmf) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 32.036v1.825h-6.764M24 30.081a68 68 0 0 0 9.46-.558M24 33.861h6.764m-11.601-8.978a5.927 5.927 0 1 1 9.5.233");
}

</style>
