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

const viewBox = {"width":24,"height":24};
const content = `<style>.fkfzk7t1w {
  fill: currentColor;
  d: path("M6 22v-6.3q0-1.85.525-3.562t1.65-3.413Q7.225 8.5 6.613 7.7T6 5.9V4.85q0-1.2 1.038-2.012T9.2 2.15l9.8.975V7.9l-1.8.2q.35 1.225.925 2.2t1.375 1.4l-1 1.75q-1.325-.775-2.05-2.137T15.3 8.275l-1.1.1q.2 1.25.763 2.525t1.137 2.3q.45.8.675 1.675T17 16.65V22zM8 5.1v.8q0 .45.325.725t.775.225L17 6.1V4.9l-7.9-.75q-.45-.05-.775.225T8 5.1");
}
</style><path class="fkfzk7t1w"/>`;

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

export default Component;
