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

const viewBox = {"width":36,"height":36};
const content = `<style>.a_rlisb {
  cx: 22px;
  cy: 10px;
  rx: 2px;
  ry: 1px;
}

.jhhlbdp {
  cx: 6px;
  cy: 21px;
  rx: 2px;
  ry: 1px;
}

.kwg-amb {
  cx: 26px;
  cy: 25px;
  rx: 2px;
  ry: 1px;
}

.ouihfibk {
  fill: #5c913b;
  d: path("M34 17c0 8.837-7.163 12-16 12S2 25.837 2 17S11 0 18 0s16 8.164 16 17");
}

.p_gbi7r {
  cx: 26px;
  cy: 16px;
  rx: 2px;
  ry: 1px;
}

.q9sim8p {
  cx: 10px;
  cy: 16px;
  rx: 2px;
  ry: 1px;
}

.qh1134b {
  cx: 18px;
  cy: 26px;
  rx: 2px;
  ry: 1px;
}

.qsakttb {
  fill: #3e721d;
}

.rcux73b {
  cx: 18px;
  cy: 17px;
  rx: 2px;
  ry: 1px;
}

.rkp1sbc {
  cx: 7px;
  cy: 12px;
  rx: 2px;
  ry: 1px;
}

.rvog1kb {
  cx: 22px;
  cy: 22px;
  rx: 2px;
  ry: 1px;
}

.srn1oac {
  cx: 30px;
  cy: 21px;
  rx: 2px;
  ry: 1px;
}

.szbo3jb {
  cx: 14px;
  cy: 22px;
  rx: 2px;
  ry: 1px;
}

.t2iclii {
  cx: 10px;
  cy: 25px;
  rx: 2px;
  ry: 1px;
}

.v6p64wbj {
  fill: #662113;
  d: path("M22 33c0 2.209-1.791 3-4 3s-4-.791-4-3l1-9c0-2.209.791-2 3-2s3-.209 3 2z");
}

.y_f3f5e {
  cx: 29px;
  cy: 12px;
  rx: 2px;
  ry: 1px;
}

.yg6078f {
  cx: 14px;
  cy: 10px;
  rx: 2px;
  ry: 1px;
}
</style><path class="v6p64wbj"/><path class="ouihfibk"/><g class="qsakttb"><ellipse class="jhhlbdp"/><ellipse class="srn1oac"/><ellipse class="t2iclii"/><ellipse class="szbo3jb"/><ellipse class="q9sim8p"/><ellipse class="rkp1sbc"/><ellipse class="y_f3f5e"/><ellipse class="yg6078f"/><ellipse class="a_rlisb"/><ellipse class="p_gbi7r"/><ellipse class="rcux73b"/><ellipse class="rvog1kb"/><ellipse class="qh1134b"/><ellipse class="kwg-amb"/></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:deciduous-tree"} {...others} />);
}

export default Component;
