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

const viewBox = {"width":24,"height":24};
const content = `<style>.j3yk0p03g {
  fill: currentColor;
  d: path("m20.475 23.3l-1.3-1.3H4q-.825 0-1.412-.587T2 20V4.825L.675 3.5L2.1 2.075l19.8 19.8zM4 20h13.175L4 6.825zm18-.875l-2-2V4H6.875l-2-2H20q.825 0 1.413.588T22 4zm-6.4-6.4l-3.05-3.05l-.5-1.425h-.1l-.225.6l-1.35-1.35l.575-1.5h2.1zM15.5 18l-1.425-3.95l3.275 3.275l.25.675zm-9.1 0l3.2-8.425l1.4 1.4l-.8 2.225h3.025l1.75 1.75H9.6L8.5 18z");
}
</style><path class="j3yk0p03g"/>`;

/** @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:font-download-off-outline"} {...others} />);
}

export default Component;
