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

const viewBox = {"width":64,"height":64};
const content = `<style>.g-mr3bci {
  fill: #4d5357;
  d: path("M18 24h28v10l16-16L46 2v10H18V2L2 18l16 16zm2 16c-3.3 0-6 2.8-6 6.3v9.3c0 3.5 2.7 6.3 6 6.3s6-2.8 6-6.3v-9.3c0-3.5-2.7-6.3-6-6.3m3 15.7c0 1.6-1.3 3-3 3s-3-1.3-3-3v-9.3c0-1.6 1.3-3 3-3s3 1.3 3 3zm16-1.4L33.2 40H30v22h3V47.7L38.8 62H42V40h-3zm7 3.7h4v4h-4zm.7-4h2.6l.7-14h-4z");
}
</style><path class="g-mr3bci"/>`;

/** @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:on-arrow"} {...others} />);
}

export default Component;
