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

const viewBox = {"width":48,"height":48};
const content = `<style>.c5oyspmxs {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M42.5 39.314L28.97 25.547h-2.237l4.558 13.766zm-18.242-6.758l-6.507 6.758H7.119M5.5 8.687l13.53 13.766h2.237L16.71 8.687zm11.21 0l13.147 12.766l-.959 1h-7.63");
}

.zvofo_89d {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m24.498 16.25l5.751-7.563h10.632M24.498 16.25l16.383-7.563l-11.024 12.766m1.433 17.861L18.144 26.547l.959-1h7.63m-2.475 7.009L7.119 39.314l11.024-12.767");
}
</style><path class="c5oyspmxs"/><path class="zvofo_89d"/>`;

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

export default Component;
