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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="f2w39v"/><circle class="sb8hap"/><circle class="hh90ax"/><circle class="r-l5lb"/><circle class="s6g_2s"/><circle class="qknq4i"/><circle class="ff8z-y"/><circle class="af8nbm"/><circle class="stksrw"/><circle class="qcdted"/><circle class="tgi_bk"/><circle class="hgc9fi"/><circle class="i_ri5q"/><circle class="l7farw"/><circle class="g0altk"/><circle class="szq1zx"/><circle class="yl76nf"/><circle class="gcfcvt"/><circle class="x5p65n"/><circle class="sm-xza"/><circle class="kz2a7m"/><circle class="dgsxdt"/><circle class="epe3rz"/><circle class="uiehvb"/><circle class="find7z"/><circle class="r5rwwj"/><circle class="iy7uxm"/><circle class="cpk0fnb"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:joyce" {...props}></Icon>
<style>
:global .f2w39v {
  cx: 15.691px;
  cy: 14.661px;
  r: .75px;
  fill: currentColor;
}

:global .sb8hap {
  cx: 19.845px;
  cy: 14.661px;
  r: .75px;
  fill: currentColor;
}

:global .hh90ax {
  cx: 28.155px;
  cy: 14.661px;
  r: .75px;
  fill: currentColor;
}

:global .r-l5lb {
  cx: 32.309px;
  cy: 14.661px;
  r: .75px;
  fill: currentColor;
}

:global .s6g_2s {
  cx: 15.691px;
  cy: 18.796px;
  r: .75px;
  fill: currentColor;
}

:global .qknq4i {
  cx: 19.845px;
  cy: 18.796px;
  r: .75px;
  fill: currentColor;
}

:global .ff8z-y {
  cx: 24px;
  cy: 18.796px;
  r: .7px;
  fill: currentColor;
}

:global .af8nbm {
  cx: 28.155px;
  cy: 18.796px;
  r: .75px;
  fill: currentColor;
}

:global .stksrw {
  cx: 32.309px;
  cy: 18.796px;
  r: .75px;
  fill: currentColor;
}

:global .qcdted {
  cx: 36.464px;
  cy: 18.796px;
  r: .75px;
  fill: currentColor;
}

:global .tgi_bk {
  cx: 11.536px;
  cy: 18.796px;
  r: .75px;
  fill: currentColor;
}

:global .hgc9fi {
  cx: 15.691px;
  cy: 22.932px;
  r: .75px;
  fill: currentColor;
}

:global .i_ri5q {
  cx: 19.845px;
  cy: 22.932px;
  r: .75px;
  fill: currentColor;
}

:global .l7farw {
  cx: 24px;
  cy: 22.932px;
  r: .7px;
  fill: currentColor;
}

:global .g0altk {
  cx: 28.155px;
  cy: 22.932px;
  r: .75px;
  fill: currentColor;
}

:global .szq1zx {
  cx: 32.309px;
  cy: 22.932px;
  r: .75px;
  fill: currentColor;
}

:global .yl76nf {
  cx: 36.464px;
  cy: 22.932px;
  r: .75px;
  fill: currentColor;
}

:global .gcfcvt {
  cx: 11.536px;
  cy: 22.932px;
  r: .75px;
  fill: currentColor;
}

:global .x5p65n {
  cx: 15.691px;
  cy: 27.068px;
  r: .75px;
  fill: currentColor;
}

:global .sm-xza {
  cx: 19.845px;
  cy: 27.068px;
  r: .75px;
  fill: currentColor;
}

:global .kz2a7m {
  cx: 24px;
  cy: 27.068px;
  r: .7px;
  fill: currentColor;
}

:global .dgsxdt {
  cx: 28.155px;
  cy: 27.068px;
  r: .75px;
  fill: currentColor;
}

:global .epe3rz {
  cx: 32.309px;
  cy: 27.068px;
  r: .75px;
  fill: currentColor;
}

:global .uiehvb {
  cx: 19.845px;
  cy: 31.204px;
  r: .75px;
  fill: currentColor;
}

:global .find7z {
  cx: 24px;
  cy: 31.204px;
  r: .75px;
  fill: currentColor;
}

:global .r5rwwj {
  cx: 28.155px;
  cy: 31.204px;
  r: .75px;
  fill: currentColor;
}

:global .iy7uxm {
  cx: 24px;
  cy: 35.339px;
  r: .75px;
  fill: currentColor;
}

:global .cpk0fnb {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

</style>
