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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="yoplx8b"/><circle class="z87mw1j"/><circle class="wf0egjb"/><circle class="ket8guh"/><path class="pjx_rtbg"/><path class="cz5by-b"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:melon-playground" {...props}></Icon>
<style>
:global .yoplx8b {
  cx: 23.77px;
  cy: 25.784px;
  r: 1.149px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .z87mw1j {
  cx: 23.77px;
  cy: 25.784px;
  r: 3.35px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .wf0egjb {
  cx: 36.545px;
  cy: 20.072px;
  r: 1.149px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ket8guh {
  cx: 36.545px;
  cy: 20.072px;
  r: 3.35px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .pjx_rtbg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.686 34.2L42 24.762m-2.234-3.77c.105 1.84.652 3.278 2.235 3.77M35.35 15.59L10.529 27.965l-4.085-7.893C2.334 8.617 22.822-1.684 32.716 12.129c.806 1.125 3.538-2.892 4.67-.744c.347.744-.18 3.17-2.036 4.205m0 0l1.195 1.132");
}

:global .cz5by-b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M42 24.762c.668 9.347-2.037 17.004-15.979 17.708c-10.448.528-14.064-6.066-15.492-14.505");
}

</style>
