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

const viewBox = {"width":48,"height":48};
const content = `<style>.f707fpbgs {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M25.666 10.687v7.64l5.003-.052c7.188 0 7.474 1.776 6.929 3.802c-1.935 7.195-7.563 14.767-13.49 22.893c-2.833-3.887-5.622-7.63-7.917-11.301c-.91-1.455-.732-3.645 2.188-3.645");
}

.g1whbdcwg {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M29.725 18.275c3.76 0 8.94-.99 8.343-4.086c-1.052-5.461-5.323-11.054-13.96-11.157c-10.097-.12-14.223 7.746-14.223 13.89c0 3.163.92 6.392 2.387 9.662c.828 1.846 2.218 3.44 6.107 3.44h5.808v4.713");
}
</style><path class="f707fpbgs"/><path class="g1whbdcwg"/>`;

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

export default Component;
