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

const viewBox = {"width":36,"height":36};
const content = `<style>.ad5p_8c {
  cx: 4px;
  cy: 17px;
  r: 1px;
  fill: #292f33;
}

.bu4b_tb {
  cx: 31.5px;
  cy: 18.5px;
  r: 1px;
}

.dbz5p7b {
  cx: 28.5px;
  cy: 23.5px;
  r: 1px;
}

.etqs0kl {
  cx: 17.5px;
  cy: 16.5px;
  r: 1px;
}

.fsr4a_x {
  fill: #292f33;
  d: path("M0 20s0 2 1 2c0-2 1-2 1-2s-1-1-2 0");
}

.g173frb {
  cx: 10.5px;
  cy: 16.5px;
  r: 2px;
}

.gjm4qcc {
  cx: 28.5px;
  cy: 23.5px;
  r: 2px;
}

.j209xrb {
  cx: 10.5px;
  cy: 16.5px;
  r: 1px;
}

.kiwvr4f {
  cx: 24.5px;
  cy: 18.5px;
  r: 2px;
}

.m17ud4b {
  cx: 14.5px;
  cy: 21.5px;
  r: 1px;
}

.n7u8l3s {
  fill: #ffac33;
}

.nx0_5tb {
  cx: 14.5px;
  cy: 21.5px;
  r: 2px;
}

.q07c56b {
  cx: 31.5px;
  cy: 18.5px;
  r: 2px;
}

.tn-zyfa {
  cx: 21.5px;
  cy: 23.5px;
  r: 2px;
}

.v33nztb {
  cx: 17.5px;
  cy: 16.5px;
  r: 2px;
}

.vw3g48ty {
  fill: #ffcc4d;
  d: path("M32.855 16.484A8 8 0 0 0 32 16c-2-1-5 0-9 0c-2 0-4.901-3-10-3c-.801 0-2.256.635-4.341.89C8.62 12.837 8.044 12 7.333 12C6.597 12 6 12.895 6 14c0 .051.007.1.01.15C3.19 14.916 0 18.589 0 20.375C0 22.375 2 24 2 24s1 0 3-2c1.581-1.581 5-1 5-1l1 12s-1 1-2 1s-1 2-1 2h6l1-9h3c2 0 7-1 7-1c2 3 4 4 4 4v3l-2 1c-2 1-1 2-1 2h6s1-8 2-13v5a1 1 0 1 0 2 0v-7c0-2.666-1.357-3.928-3.145-4.516");
}

.xiu3qsb {
  fill: #f4900c;
}

.yg2rvkb {
  cx: 21.5px;
  cy: 23.5px;
  r: 1px;
}

.ymye4nx {
  cx: 24.5px;
  cy: 18.5px;
  r: 1px;
}
</style><path class="vw3g48ty"/><circle class="ad5p_8c"/><path class="fsr4a_x"/><g class="xiu3qsb"><circle class="g173frb"/><circle class="v33nztb"/><circle class="nx0_5tb"/><circle class="tn-zyfa"/><circle class="kiwvr4f"/><circle class="gjm4qcc"/><circle class="q07c56b"/></g><g class="n7u8l3s"><circle class="j209xrb"/><circle class="etqs0kl"/><circle class="m17ud4b"/><circle class="yg2rvkb"/><circle class="ymye4nx"/><circle class="dbz5p7b"/><circle class="bu4b_tb"/></g>`;

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

export default Component;
