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

const viewBox = {"width":48,"height":48};
const content = `<style>.aqg3etb-p {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.076 24A7.076 7.076 0 1 1 24 16.924A7.08 7.08 0 0 1 31.076 24ZM29 29l13.5 13.5m-37-37L19 19m0 10L5.5 42.5m37-37L29 19");
}

.npkjbu3px {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 24a10.753 10.753 0 0 1-2.5-6.5a8.81 8.81 0 0 1 9-9c6.783 0 12 6.5 12 14.748c0 10.252-7 19.252-18 19.252c-10.24 0-16-7-16-13.5c0-5.5 4-8.5 7.5-8.5c4 0 7.5 4 7.5 8c0 3-1.5 5-4 5s-4-2-4-4.5c0-3.5 3.239-7.5 9.5-7.5a8.883 8.883 0 0 1 9 8.5c0 2.609-1.391 4.5-4 4.5s-4.5-2.599-4.5-5.5a10.967 10.967 0 0 1 1.037-4.544");
}
</style><path class="aqg3etb-p"/><path class="npkjbu3px"/>`;

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

export default Component;
