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

const viewBox = {"width":24,"height":24};
const content = `<style>.k-21n0n_w {
  fill: currentColor;
  d: path("M18.925 23.058L12.5 16.633V21.5h-1v-4.842l-3.75 3.7l-.708-.708l4.25-4.25L8.6 12.708l-4.25 4.25l-.708-.708l3.7-3.75H2.5v-1h4.867L1.833 5.966l.713-.714L19.64 22.344zm.725-6.1L15.192 12.5h-1.951L11.5 10.76V8.808L7.042 4.35l.708-.708l3.75 3.7V2.5h1v4.842l3.75-3.7l.708.708L12.5 8.808V11.5h2.692l4.458-4.458l.708.708l-3.7 3.75H21.5v1h-4.842l3.7 3.75z");
}
</style><path class="k-21n0n_w"/>`;

/** @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={"material-symbols-light:mode-cool-off-outline-sharp"} {...others} />);
}

export default Component;
