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

const viewBox = {"width":24,"height":24};
const content = `<style>.t810g7clc {
  fill: currentColor;
  d: path("M8 21q-1.237 0-2.119-.881T5 18V9.23q0-1.193.802-2.041t1.967-.93V3h8.462v3.26q1.165.08 1.967.929Q19 8.037 19 9.23V18q0 1.238-.881 2.119T16 21zm-2-7.884h12V9.23q0-.825-.587-1.413T16 7.231H8q-.825 0-1.412.587T6 9.231zM8 20h8q.825 0 1.413-.587T18 18v-3.884H6V18q0 .825.588 1.413T8 20m4.77-13.77h2.46V4H8.77v2.23h2.46v-.768h1.54z");
}
</style><path class="t810g7clc"/>`;

/** @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:propane-tank-outline-sharp"} {...others} />);
}

export default Component;
