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

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

const viewBox = {"width":24,"height":24};
const content = `<circle class="ytr-q3bqn"/><circle class="uvh357j5i"/><circle class="enwkfgbky"/><path class="jwopk_bwz"/><circle class="laiqk9bik"/><circle class="a6ha3lque"/><circle class="qu4d4yxaw"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:baseline-shower" {...props}></Icon>
<style>
:global(.a6ha3lque) {
  cx: 12px;
  cy: 20px;
  r: 1px;
  fill: var(--svg-color, currentColor);
}

:global(.enwkfgbky) {
  cx: 16px;
  cy: 17px;
  r: 1px;
  fill: var(--svg-color, currentColor);
}

:global(.jwopk_bwz) {
  fill: var(--svg-color, currentColor);
  d: path("M13 5.08V3h-2v2.08C7.61 5.57 5 8.47 5 12v2h14v-2c0-3.53-2.61-6.43-6-6.92");
}

:global(.laiqk9bik) {
  cx: 8px;
  cy: 20px;
  r: 1px;
  fill: var(--svg-color, currentColor);
}

:global(.qu4d4yxaw) {
  cx: 16px;
  cy: 20px;
  r: 1px;
  fill: var(--svg-color, currentColor);
}

:global(.uvh357j5i) {
  cx: 12px;
  cy: 17px;
  r: 1px;
  fill: var(--svg-color, currentColor);
}

:global(.ytr-q3bqn) {
  cx: 8px;
  cy: 17px;
  r: 1px;
  fill: var(--svg-color, currentColor);
}

</style>
