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

const viewBox = {"width":64,"height":64};
const content = `<style>.fgs0cdm {
  fill: #fff;
  d: path("M12 62V34c0-1.1.9-2 2-2h36c1.1 0 2 .9 2 2v28z");
}

.ik3jsc_j {
  fill: #fff;
  d: path("M59 56c0-.6-.5-1-1-1h-2c-.5 0-1 .4-1 1v2c0 .5.5 1 1 1h2c.5 0 1-.5 1-1z");
}

.mxm1_9b {
  fill: #e8e8e8;
  d: path("M18 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2z");
}

.sxlt4zb {
  fill: #3e4347;
  d: path("M36 6h10v16H36z");
}

.y1chawu {
  fill: #f15744;
  d: path("M12 54h40v8H12zm5-18h30v2H17zm0 6h30v2H17zm0 6h30v2H17z");
}

.zka2jsch {
  fill: #3e4347;
  d: path("m61.3 9.3l-6.6-6.6c-.4-.4-1.2-.7-1.7-.7H9v4H5V2H3c-.5 0-1 .5-1 1v58c0 .5.5 1 1 1h58c.5 0 1-.5 1-1V11c0-.6-.3-1.3-.7-1.7");
}
</style><path class="zka2jsch"/><path class="fgs0cdm"/><path class="mxm1_9b"/><path class="sxlt4zb"/><path class="ik3jsc_j"/><path class="y1chawu"/>`;

/** @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={"emojione:floppy-disk"} {...others} />);
}

export default Component;
