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

const viewBox = {"width":24,"height":24};
const content = `<style>.d-sz9t4ja {
  fill: currentColor;
  d: path("m16.608 19.712l3.357-3.358l-.557-.558l-2.8 2.8l-1.4-1.4l-.558.558zM9.5 19V9H8v10zm2.277 1H7V8h7V4h-1.616V3H15v9.166q-.254.103-.518.236q-.265.133-.482.29V9h-3.5v10h.966q.055.273.128.512t.183.488m8.366-5.143q1.165 1.164 1.165 2.835t-1.165 2.836t-2.835 1.164t-2.836-1.164t-1.164-2.836q0-1.67 1.164-2.835q1.165-1.165 2.836-1.165t2.835 1.165M9.5 19V9zm1 0V9z");
}
</style><path class="d-sz9t4ja"/>`;

/** @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:carry-on-bag-checked-outline-sharp"} {...others} />);
}

export default Component;
