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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="blu69-m"/><circle class="ivyvlab"/><circle class="ojlvlrj"/><circle class="fqch3vb"/><circle class="hy-mxo"/><circle class="sxro9r"/><circle class="udesbi"/><circle class="zxrvdi"/><circle class="inav0i"/><circle class="jnx4se"/><circle class="szna8j"/><circle class="gz32bu"/><circle class="oh7svlu"/><circle class="d-re6ua"/><circle class="x7mbb8b"/><circle class="qnchs6b"/><circle class="ckoj-2b"/><circle class="ztfsavk"/><circle class="ep-nzcc"/><circle class="gkcqbvy"/><circle class="i11pdjd"/><circle class="v-6sxce"/><circle class="g1r-oqh"/><circle class="i8vmhrb"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:steamx" {...props}></Icon>
<style>
:global .blu69-m {
  cx: 20.031px;
  cy: 20px;
  r: 2.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ivyvlab {
  cx: 28.031px;
  cy: 20px;
  r: 2.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ojlvlrj {
  cx: 28.031px;
  cy: 28px;
  r: 2.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .fqch3vb {
  cx: 20.031px;
  cy: 28px;
  r: 2.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .hy-mxo {
  cx: 5.75px;
  cy: 20px;
  r: .75px;
  fill: currentColor;
}

:global .sxro9r {
  cx: 5.75px;
  cy: 28px;
  r: .75px;
  fill: currentColor;
}

:global .udesbi {
  cx: 42.25px;
  cy: 20px;
  r: .75px;
  fill: currentColor;
}

:global .zxrvdi {
  cx: 28px;
  cy: 5.75px;
  r: .75px;
  fill: currentColor;
}

:global .inav0i {
  cx: 42.25px;
  cy: 28px;
  r: .75px;
  fill: currentColor;
}

:global .jnx4se {
  cx: 20px;
  cy: 5.75px;
  r: .75px;
  fill: currentColor;
}

:global .szna8j {
  cx: 28px;
  cy: 42.25px;
  r: .75px;
  fill: currentColor;
}

:global .gz32bu {
  cx: 20px;
  cy: 42.25px;
  r: .75px;
  fill: currentColor;
}

:global .oh7svlu {
  cx: 12px;
  cy: 12px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .d-re6ua {
  cx: 20px;
  cy: 12px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .x7mbb8b {
  cx: 28px;
  cy: 12px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .qnchs6b {
  cx: 36px;
  cy: 12px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ckoj-2b {
  cx: 12px;
  cy: 36px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ztfsavk {
  cx: 20px;
  cy: 36px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ep-nzcc {
  cx: 28px;
  cy: 36px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .gkcqbvy {
  cx: 36px;
  cy: 36px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .i11pdjd {
  cx: 12.031px;
  cy: 28px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .v-6sxce {
  cx: 36.031px;
  cy: 28px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .g1r-oqh {
  cx: 12.031px;
  cy: 20px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .i8vmhrb {
  cx: 36.031px;
  cy: 20px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

</style>
