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

const viewBox = {"width":36,"height":36};
const content = `<style>.byyihrb {
  fill: #fff;
  d: path("M26 5h2v2h-2z");
}

.ccjrfzq {
  fill: #ffcc4d;
  d: path("M20 26h15v2H20zm0-6h15v2H20z");
}

.cp-n2kp {
  fill: #bcbec0;
  d: path("M34 12H20v2h16a2 2 0 0 0-2-2");
}

.kurhhin {
  fill: #55acee;
  d: path("M20 16h14v20H20z");
}

.l93ijuw {
  fill: #3b88c3;
  d: path("M6 32h8v4H6zm17 0h8v4h-8z");
}

.m21eg6ba {
  fill: #dd2e44;
  d: path("M36 7a2 2 0 0 1-2 2H24a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z");
}

.mnds_tcz {
  fill: #ffcc4d;
  d: path("M14 34a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V14a2 2 0 0 0-2-2H16a2 2 0 0 0-2 2z");
}

.n-hz9ck {
  fill: #55acee;
  d: path("M2 22h16v4H2zm0-6h16v4H2zm0-6h16v4H2zm0-6h16v4H2zm0 24h16v8H2z");
}

.ov0wxnb {
  fill: #58595b;
  d: path("M26 9h2v3h-2zm4 0h2v3h-2z");
}

.pgin-8t {
  fill: #f4abba;
  d: path("M28 5h2v2h-2z");
}

.pktlidc {
  fill: #f4abba;
  d: path("M24 5h2v2h-2z");
}

.q9k02iz {
  fill: #f4abba;
  d: path("M32 5h2v2h-2z");
}

.smf-0kq {
  fill: #ffe8b6;
  d: path("M18 0H2a2 2 0 0 0-2 2v32a2 2 0 0 0 2 2h18V2a2 2 0 0 0-2-2");
}

.th_-_od {
  fill: #bcbec0;
  d: path("M18 0H2a2 2 0 0 0-2 2h20a2 2 0 0 0-2-2");
}

.v2e61tb {
  fill: #fff;
  d: path("M30 5h2v2h-2z");
}
</style><path class="mnds_tcz"/><path class="cp-n2kp"/><path class="kurhhin"/><path class="smf-0kq"/><path class="th_-_od"/><path class="n-hz9ck"/><path class="l93ijuw"/><path class="ccjrfzq"/><path class="m21eg6ba"/><path class="ov0wxnb"/><path class="pktlidc"/><path class="byyihrb"/><path class="pgin-8t"/><path class="v2e61tb"/><path class="q9k02iz"/>`;

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

export default Component;
