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

const viewBox = {"width":48,"height":48};
const content = `<style>.a08ovrb2l {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M28.568 20.492S41.275 7.29 40.646 6.631s-10.79 7.613-11.951 9.035c-1.897 2.326-.127 4.824-.127 4.824m-3.258-.241s-15.482-9.803-16-9.055s9.622 9.046 11.248 9.897c2.659 1.392 4.752-.842 4.752-.842m1.629 3.557s4.38 17.792 5.272 17.612s-.677-13.19-1.261-14.93c-.954-2.845-4.011-2.682-4.011-2.682");
}

.lypmt2b0i {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.891 21.504c-.83 1.555-.4 2.702 1.058 3.131");
}

.mk-l2vm0z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M39.229 8.822A21.43 21.43 0 0 1 45.5 24c0 11.876-9.624 21.5-21.5 21.5S2.5 35.876 2.5 24S12.124 2.5 24 2.5a21.42 21.42 0 0 1 14.223 5.375");
}

.x9os3lbxl {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m23.375 45.49l.573-21.686c.54-.39 1.519-.503 1.519-.503m.655.503l.817 21.497");
}

.yi3-yxbhn {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M26.84 19.59a2.11 2.11 0 1 1 0 4.219a2.11 2.11 0 0 1 0-4.219");
}
</style><path class="mk-l2vm0z"/><path class="yi3-yxbhn"/><path class="a08ovrb2l"/><path class="lypmt2b0i"/><path class="x9os3lbxl"/>`;

/** @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:terra-nil"} {...others} />);
}

export default Component;
