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

const viewBox = {"width":48,"height":48};
const content = `<style>.blp-01bcf {
  cx: 10.5px;
  cy: 26.5px;
  r: 0.75px;
  fill: currentColor;
}

.bt-wt7--x {
  cx: 13.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}

.d6e_ejifx {
  cx: 16.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}

.evxmozplv {
  cx: 34.5px;
  cy: 14.5px;
  r: 0.75px;
  fill: currentColor;
}

.f2k1qlbtv {
  cx: 19.5px;
  cy: 17.5px;
  r: 0.75px;
  fill: currentColor;
}

.f8sbj-g0y {
  cx: 22.25px;
  cy: 20.25px;
  r: 0.75px;
  fill: currentColor;
}

.gznigk6pu {
  cx: 25.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}

.hytqm9b_x {
  cx: 25.5px;
  cy: 17.5px;
  r: 0.75px;
  fill: currentColor;
}

.i_4-0qbue {
  cx: 31.5px;
  cy: 38.5px;
  r: 0.75px;
  fill: currentColor;
}

.j_fxt9b4w {
  cx: 40.5px;
  cy: 23.5px;
  r: 0.75px;
  fill: currentColor;
}

.jcgdl1bgz {
  cx: 16.5px;
  cy: 17.5px;
  r: 0.75px;
  fill: currentColor;
}

.lwvnaacko {
  cx: 31.5px;
  cy: 14.5px;
  r: 0.75px;
  fill: currentColor;
}

.n2fj3_1sa {
  cx: 19.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}

.ndej94byp {
  cx: 34.5px;
  cy: 35.5px;
  r: 0.75px;
  fill: currentColor;
}

.nlq36cexo {
  cx: 37.5px;
  cy: 17.5px;
  r: 0.75px;
  fill: currentColor;
}

.nycnkubpf {
  cx: 22.5px;
  cy: 38.5px;
  r: 0.75px;
  fill: currentColor;
}

.o5-tebbvl {
  cx: 34.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}

.p_6jflbgv {
  cx: 13.5px;
  cy: 20.5px;
  r: 0.75px;
  fill: currentColor;
}

.pdqi4b6ml {
  cx: 25.5px;
  cy: 35.5px;
  r: 0.75px;
  fill: currentColor;
}

.q4soxua_g {
  cx: 31.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}

.qk09labss {
  cx: 28.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}

.qknq15bhw {
  cx: 10.25px;
  cy: 12.25px;
  r: 3px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.r8pmgknyh {
  cx: 40.5px;
  cy: 20.5px;
  r: 0.75px;
  fill: currentColor;
}

.rwezuiwww {
  cx: 10.5px;
  cy: 23.5px;
  r: 0.75px;
  fill: currentColor;
}

.t0e_ugw_b {
  cx: 16.5px;
  cy: 35.5px;
  r: 0.75px;
  fill: currentColor;
}

.upgkw0bop {
  cx: 40.5px;
  cy: 26.5px;
  r: 0.75px;
  fill: currentColor;
}

.vz76ldbvp {
  cx: 22.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}

.w53wb78mb {
  cx: 13.5px;
  cy: 38.5px;
  r: 0.75px;
  fill: currentColor;
}

.yge09ccbx {
  cx: 28.5px;
  cy: 14.5px;
  r: 0.75px;
  fill: currentColor;
}

.yptj5jb1a {
  cx: 37.5px;
  cy: 29.5px;
  r: 0.75px;
  fill: currentColor;
}
</style><circle class="ndej94byp"/><circle class="i_4-0qbue"/><circle class="pdqi4b6ml"/><circle class="nycnkubpf"/><circle class="t0e_ugw_b"/><circle class="w53wb78mb"/><circle class="q4soxua_g"/><circle class="o5-tebbvl"/><circle class="d6e_ejifx"/><circle class="n2fj3_1sa"/><circle class="vz76ldbvp"/><circle class="gznigk6pu"/><circle class="qk09labss"/><circle class="evxmozplv"/><circle class="nlq36cexo"/><circle class="yge09ccbx"/><circle class="lwvnaacko"/><circle class="jcgdl1bgz"/><circle class="f2k1qlbtv"/><circle class="f8sbj-g0y"/><circle class="hytqm9b_x"/><circle class="p_6jflbgv"/><circle class="yptj5jb1a"/><circle class="j_fxt9b4w"/><circle class="upgkw0bop"/><circle class="r8pmgknyh"/><circle class="rwezuiwww"/><circle class="blp-01bcf"/><circle class="bt-wt7--x"/><circle class="qknq15bhw"/>`;

/** @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:nothing-weather-alt"} {...others} />);
}

export default Component;
