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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="ldmtxeb"/><path class="xu3hltk"/><path class="c9f3v0b"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:waterdrinkreminder" {...props}></Icon>
<style>
:global .ldmtxeb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.55 29.61a7.95 7.95 0 1 0 8 7.94h0a7.94 7.94 0 0 0-8-7.93Z");
}

:global .xu3hltk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M27.29 43.5H17.12a2.34 2.34 0 0 1-2.33-2.08L10.8 5.8A1.17 1.17 0 0 1 12 4.5h24a1.17 1.17 0 0 1 1.2 1.3l-2.67 23.81");
}

:global .c9f3v0b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.21 17c7.42 0 7.42 2.9 14.79 2.9c4.63 0 6.37-1.15 8.83-2m-3.28 19.65v-5.46m0 5.46l3.22 2.1");
}

</style>
