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

const viewBox = {"width":64,"height":64};
const content = `<style>.al3pvym {
  fill: #83bf4f;
  d: path("M32 1L17 20.8s7.2 3.8 15 3.8s15-3.8 15-3.8z");
}

.c_n55ju {
  fill: #76aa3f;
  d: path("M32 23.6L7 43.8s12.1 3.4 25 3.4s25-3.4 25-3.4z");
}

.jggr2kb {
  fill: #7cb545;
  d: path("M32 12.3L12 32.5s9.7 3.4 20 3.4s20-3.4 20-3.4z");
}

.t0kcuac {
  fill: #947151;
  d: path("M25 52.1h14V64H25z");
}

.tt5awta {
  fill: #71a03a;
  d: path("M32 34.9L2 55.1s14.5 3.4 30 3.4s30-3.4 30-3.4z");
}
</style><path class="t0kcuac"/><path class="tt5awta"/><path class="c_n55ju"/><path class="jggr2kb"/><path class="al3pvym"/>`;

/** @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={"emojione:evergreen-tree"} {...others} />);
}

export default Component;
