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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="jw7uz-17m"/><circle class="bj_ogebzg"/><circle class="fo_e01b0o"/><circle class="x61l4fwbr"/><circle class="wk-ungc7b"/><circle class="jb9ajebtu"/><circle class="yypr3ktpe"/><circle class="ojmfw3bgf"/><circle class="u0bt1_bqj"/><circle class="tehj08bpk"/><circle class="mfcpkcc-x"/><circle class="zd3z5cc6q"/><circle class="zuy_7fq9m"/><circle class="iedvuyb7e"/><circle class="ade_vccmx"/><circle class="w7v10yb4s"/><circle class="srz130ctt"/><circle class="qiz3dnspv"/><circle class="gn7oczb7y"/><circle class="nqnd_b6yl"/><circle class="qcqq3dbjx"/><circle class="zvs5c4b4h"/><circle class="qr102xwra"/><circle class="zv0a-zqhf"/><circle class="r4-nrnbwb"/><circle class="dvjut-bxb"/><circle class="d29-ahbno"/><circle class="cpk0fnbgt"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:joyce" {...props}></Icon>
<style>
:global(.ade_vccmx) {
  cx: 28.155px;
  cy: 22.932px;
  r: 0.75px;
  fill: currentColor;
}

:global(.bj_ogebzg) {
  cx: 19.845px;
  cy: 14.661px;
  r: 0.75px;
  fill: currentColor;
}

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

:global(.d29-ahbno) {
  cx: 24px;
  cy: 35.339px;
  r: 0.75px;
  fill: currentColor;
}

:global(.dvjut-bxb) {
  cx: 28.155px;
  cy: 31.204px;
  r: 0.75px;
  fill: currentColor;
}

:global(.fo_e01b0o) {
  cx: 28.155px;
  cy: 14.661px;
  r: 0.75px;
  fill: currentColor;
}

:global(.gn7oczb7y) {
  cx: 15.691px;
  cy: 27.068px;
  r: 0.75px;
  fill: currentColor;
}

:global(.iedvuyb7e) {
  cx: 24px;
  cy: 22.932px;
  r: 0.7px;
  fill: currentColor;
}

:global(.jb9ajebtu) {
  cx: 19.845px;
  cy: 18.796px;
  r: 0.75px;
  fill: currentColor;
}

:global(.jw7uz-17m) {
  cx: 15.691px;
  cy: 14.661px;
  r: 0.75px;
  fill: currentColor;
}

:global(.mfcpkcc-x) {
  cx: 11.536px;
  cy: 18.796px;
  r: 0.75px;
  fill: currentColor;
}

:global(.nqnd_b6yl) {
  cx: 19.845px;
  cy: 27.068px;
  r: 0.75px;
  fill: currentColor;
}

:global(.ojmfw3bgf) {
  cx: 28.155px;
  cy: 18.796px;
  r: 0.75px;
  fill: currentColor;
}

:global(.qcqq3dbjx) {
  cx: 24px;
  cy: 27.068px;
  r: 0.7px;
  fill: currentColor;
}

:global(.qiz3dnspv) {
  cx: 11.536px;
  cy: 22.932px;
  r: 0.75px;
  fill: currentColor;
}

:global(.qr102xwra) {
  cx: 32.309px;
  cy: 27.068px;
  r: 0.75px;
  fill: currentColor;
}

:global(.r4-nrnbwb) {
  cx: 24px;
  cy: 31.204px;
  r: 0.75px;
  fill: currentColor;
}

:global(.srz130ctt) {
  cx: 36.464px;
  cy: 22.932px;
  r: 0.75px;
  fill: currentColor;
}

:global(.tehj08bpk) {
  cx: 36.464px;
  cy: 18.796px;
  r: 0.75px;
  fill: currentColor;
}

:global(.u0bt1_bqj) {
  cx: 32.309px;
  cy: 18.796px;
  r: 0.75px;
  fill: currentColor;
}

:global(.w7v10yb4s) {
  cx: 32.309px;
  cy: 22.932px;
  r: 0.75px;
  fill: currentColor;
}

:global(.wk-ungc7b) {
  cx: 15.691px;
  cy: 18.796px;
  r: 0.75px;
  fill: currentColor;
}

:global(.x61l4fwbr) {
  cx: 32.309px;
  cy: 14.661px;
  r: 0.75px;
  fill: currentColor;
}

:global(.yypr3ktpe) {
  cx: 24px;
  cy: 18.796px;
  r: 0.7px;
  fill: currentColor;
}

:global(.zd3z5cc6q) {
  cx: 15.691px;
  cy: 22.932px;
  r: 0.75px;
  fill: currentColor;
}

:global(.zuy_7fq9m) {
  cx: 19.845px;
  cy: 22.932px;
  r: 0.75px;
  fill: currentColor;
}

:global(.zv0a-zqhf) {
  cx: 19.845px;
  cy: 31.204px;
  r: 0.75px;
  fill: currentColor;
}

:global(.zvs5c4b4h) {
  cx: 28.155px;
  cy: 27.068px;
  r: 0.75px;
  fill: currentColor;
}

</style>
