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

const viewBox = {"width":48,"height":48};
const content = `<style>.agt8kxbyl {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.955 13.287L24 15.81l5.046-2.523M6.761 10.764l9.25 4.625m4.625 9.671v10.931h6.728V25.06M19.796 6.98L24 9.923l4.204-2.943a10.73 10.73 0 0 0-8.408 0M7.182 14.548l9.25 4.625m24.807-8.409l-9.25 4.625m8.829-.841l-9.25 4.625");
}

.j5od8-fhz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m9.705 8.241l9.25 5.046l1.681 9.25m17.66-14.296l-9.25 5.046l-1.682 9.25");
}

.nc9f8wbfm {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m5.5 19.173l3.364 3.364h11.772v2.523l-5.466 3.364L9.704 25.9l-.84-3.364M42.5 19.173l-3.364 3.364H27.364v2.523l5.34 3.364l5.592-2.523l.84-3.364m-6.306 5.886v10.932M15.17 28.423v10.932m4.626 2.523l.84-2.523h6.728l.84 2.523");
}
</style><path class="nc9f8wbfm"/><path class="j5od8-fhz"/><path class="agt8kxbyl"/>`;

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

export default Component;
