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

const viewBox = {"width":48,"height":48};
const content = `<style>.x7vyprb7d {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M10.01 9.99H38.9M24.46 5.51v18.71m-11.54-6.96h23.07m-4.42 6.96H43m-21.34 0h5.61v6.58h-5.61zm12.18 0c0 4.31-.81 11.15 5.71 18.27M43 33.81l-9.49 4.58m.43-8.24h3.35m-11.21 6.46C23.49 39 18 41.9 14.54 42.49M5.86 24.16h5.82l2.08 2.08l2-2h1.83c0 5.06.06 9.59-2.64 13.15");
}

.ygwhfdbwg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M5 41c2.64-2.91 5-6.57 5-16.81");
}
</style><path class="x7vyprb7d"/><path class="ygwhfdbwg"/>`;

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

export default Component;
