import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":48,"height":48};
const content = `<style>.ajx5nfbzq {
  cx: 4.5px;
  cy: 24.019px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.avavu-bpf {
  cx: 36.349px;
  cy: 31.148px;
  r: 0.75px;
  fill: currentColor;
}

.b106g0b1w {
  cx: 7.112px;
  cy: 33.769px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bmp0dkbof {
  cx: 24px;
  cy: 43.5px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cpc625bei {
  cx: 31.13px;
  cy: 36.367px;
  r: 0.75px;
  fill: currentColor;
}

.gprp-8rus {
  cx: 43.5px;
  cy: 24.019px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.jcwn5cbcc {
  cx: 11.651px;
  cy: 31.148px;
  r: 0.75px;
  fill: currentColor;
}

.jr05tmbrd {
  cx: 31.13px;
  cy: 11.67px;
  r: 0.75px;
  fill: currentColor;
}

.jxe_f22hu {
  cx: 40.9px;
  cy: 14.269px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nsit0pbvp {
  cx: 11.651px;
  cy: 16.889px;
  r: 0.75px;
  fill: currentColor;
}

.o06djh6ma {
  cx: 38.259px;
  cy: 24.019px;
  r: 0.75px;
  fill: currentColor;
}

.oy9hz-v0j {
  cx: 24px;
  cy: 4.5px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ps1tj396u {
  cx: 14.25px;
  cy: 7.131px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.q40g14bwt {
  cx: 36.361px;
  cy: 16.889px;
  r: 0.75px;
  fill: currentColor;
}

.rlvlkabcd {
  cx: 24px;
  cy: 38.259px;
  r: 0.75px;
  fill: currentColor;
}

.tuze4s2mt {
  cx: 16.87px;
  cy: 36.367px;
  r: 0.75px;
  fill: currentColor;
}

.ugy97ly3b {
  cx: 40.888px;
  cy: 33.769px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.v6nxnobxp {
  cx: 14.25px;
  cy: 40.906px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.v8bz7jbhd {
  cx: 24px;
  cy: 9.741px;
  r: 0.75px;
  fill: currentColor;
}

.wfyywu6va {
  cx: 33.75px;
  cy: 40.906px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wkupt4ofi {
  cx: 33.75px;
  cy: 7.131px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wnd50s_0a {
  cx: 9.741px;
  cy: 24.019px;
  r: 0.75px;
  fill: currentColor;
}

.xmvj5rbkp {
  cx: 16.87px;
  cy: 11.67px;
  r: 0.75px;
  fill: currentColor;
}

.xryqvk6wa {
  cx: 7.112px;
  cy: 14.269px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><circle class="wkupt4ofi"/><circle class="jr05tmbrd"/><circle class="jxe_f22hu"/><circle class="q40g14bwt"/><circle class="gprp-8rus"/><circle class="o06djh6ma"/><circle class="ugy97ly3b"/><circle class="avavu-bpf"/><circle class="wfyywu6va"/><circle class="cpc625bei"/><circle class="bmp0dkbof"/><circle class="rlvlkabcd"/><circle class="v6nxnobxp"/><circle class="tuze4s2mt"/><circle class="b106g0b1w"/><circle class="jcwn5cbcc"/><circle class="ajx5nfbzq"/><circle class="wnd50s_0a"/><circle class="xryqvk6wa"/><circle class="nsit0pbvp"/><circle class="ps1tj396u"/><circle class="xmvj5rbkp"/><circle class="oy9hz-v0j"/><circle class="v8bz7jbhd"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"arcticons:breathly"} {...others} />);
}

export default Component;
