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

const viewBox = {"width":48,"height":48};
const content = `<style>.y3o5x7ept {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M42.87 16.87L31.13 5.13a4 4 0 0 0-3.87-1l-16 4.3a4 4 0 0 0-2.86 2.79l-4.3 16a4 4 0 0 0 1 3.87l11.77 11.78a4 4 0 0 0 3.87 1l16-4.3a4 4 0 0 0 2.82-2.82l4.3-16a4 4 0 0 0-.99-3.88m-21.56 12.9h5.77m-5.77-11.54h5.77M21.31 24h3.77m-3.77-5.77v11.54m8.54-11.54l7.65 11.54m0-11.54l-7.65 11.54M10.5 18.23v11.54m7.65-11.54v11.54m-7.65-5.79h7.65");
}
</style><path class="y3o5x7ept"/>`;

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

export default Component;
