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

const viewBox = {"width":48,"height":48};
const content = `<style>.dbp2jrtoj {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m18.398 41.824l4.215-7.62c-.212 2.72 1.98 3.73 3.72 4.137");
}

.ha29frbcb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M18.276 11.744h5.204v5.204h-5.204zM12.147 5.5h5.204v5.204h-5.204zm-6.238 6.298h5.204v5.204H5.909zm18.808-6.281v5.26h6.241v6.039h11.133v-11.3zm5.084 12.636v16.7c0 1.334-1.101 2.318-1.864 2.648l-9.54 5V24.232h6.216v-6.08z");
}
</style><path class="ha29frbcb"/><path class="dbp2jrtoj"/>`;

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

export default Component;
