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

const viewBox = {"width":48,"height":48};
const content = `<style>.h-8wf-v8w {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 28.256c3.247 0 7.348-3.04 7.348-7.69c0-5.866-4.82-8.936-7.11-15.89a.25.25 0 0 0-.476 0c-2.29 6.954-7.11 10.024-7.11 15.89c0 4.65 4.101 7.69 7.348 7.69m13.56.403S32.399 33.566 24 33.566s-13.56-4.907-13.56-4.907m21.96 8.239s-3.198 1.855-8.4 1.855s-8.4-1.855-8.4-1.855m13.1 6.042s-1.79.56-4.7.56s-4.7-.56-4.7-.56");
}
</style><path class="h-8wf-v8w"/>`;

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

export default Component;
