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

const viewBox = {"width":36,"height":36};
const content = `<style>.bki4s8eu {
  fill: #77b255;
  d: path("M30 4a4 4 0 0 0-4 4v9.125c0 1.086-.887 1.96-2 2.448V6a6 6 0 0 0-12 0v17.629c-1.122-.475-2-1.371-2-2.504V16a4 4 0 0 0-8 0v7c0 2.209 1.75 3.875 3.375 4.812c1.244.718 4.731 1.6 6.625 1.651V33c0 3.313 12 3.313 12 0v-7.549c1.981-.119 5.291-.953 6.479-1.639C32.104 22.875 34 21.209 34 19V8a4 4 0 0 0-4-4");
}

.c27e_3c {
  cx: 23px;
  cy: 3px;
  r: 1px;
}

.cgjk0dx {
  cx: 21px;
  cy: 9px;
  r: 1px;
}

.dnii-rb {
  cx: 5px;
  cy: 27px;
  r: 1px;
}

.frsa-ku {
  cx: 22px;
  cy: 30px;
  r: 1px;
}

.j4l68ib {
  cx: 32px;
  cy: 16px;
  r: 1px;
}

.jlk_h7b {
  cx: 20px;
  cy: 20px;
  r: 1px;
}

.js51gvn {
  cx: 2px;
  cy: 18px;
  r: 1px;
}

.kv792cz {
  cx: 28px;
  cy: 11px;
  r: 1px;
}

.mle1s9b {
  cx: 14px;
  cy: 16px;
  r: 1px;
}

.pn3r5cc {
  cx: 12px;
  cy: 6px;
  r: 1px;
}

.qsakttb {
  fill: #3e721d;
}

.v6f9rnb {
  cx: 34px;
  cy: 8px;
  r: 1px;
}

.wgbn8vx {
  cx: 13px;
  cy: 26px;
  r: 1px;
}

.ya77r3r {
  cx: 29px;
  cy: 24px;
  r: 1px;
}

.yc0-1ib {
  cx: 9px;
  cy: 20px;
  r: 1px;
}
</style><path class="bki4s8eu"/><g class="qsakttb"><circle class="pn3r5cc"/><circle class="c27e_3c"/><circle class="cgjk0dx"/><circle class="mle1s9b"/><circle class="jlk_h7b"/><circle class="wgbn8vx"/><circle class="dnii-rb"/><circle class="yc0-1ib"/><circle class="js51gvn"/><circle class="v6f9rnb"/><circle class="kv792cz"/><circle class="j4l68ib"/><circle class="ya77r3r"/><circle class="frsa-ku"/></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:cactus"} {...others} />);
}

export default Component;
