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

const viewBox = {"width":48,"height":48};
const content = `<style>.ea09qzj-g {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 8.896c-9.448 7.539-7.734 22.976 0 27.744c7.734-4.768 9.448-20.205 0-27.744");
}

.f1olq4btl {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.44 35.359c6.031-3.032 10.885-11.038 8.529-18.998h0c-8.44.544-14.312 8.233-14.825 15.098");
}

.qu87ogpfk {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.113 37.94c-5 2.58-13.418.92-16.613-5.463c3.22-2.594 7.36-3.05 10.953-2.132");
}

.wul9ap_cf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.56 35.359C12.53 32.327 7.676 24.32 10.032 16.36c8.44.544 14.312 8.233 14.825 15.098m1.03 6.482c5 2.58 13.418.92 16.613-5.463c-3.22-2.594-7.36-3.05-10.953-2.132");
}
</style><path class="ea09qzj-g"/><path class="f1olq4btl"/><path class="wul9ap_cf"/><path class="qu87ogpfk"/>`;

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

export default Component;
