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

const viewBox = {"width":36,"height":36};
const content = `<style>.fc5fpsf {
  cx: 22px;
  cy: 20px;
  r: 1px;
  fill: #5c913b;
}

.gb6l_ol {
  cx: 14px;
  cy: 20px;
  r: 1px;
  fill: #5c913b;
}

.gf4n3qb {
  cx: 7.5px;
  cy: 7.5px;
  r: 3.5px;
  fill: #fff;
}

.gfyyqq2a {
  fill: #77b255;
  d: path("M31.755 12.676A5.99 5.99 0 0 0 34 8a6 6 0 0 0-11.851-1.315A11.8 11.8 0 0 0 18 5.927c-1.465 0-2.861.275-4.149.758A6 6 0 0 0 2 8c0 1.891.877 3.576 2.245 4.676C1.6 15.356 0 18.685 0 22c0 7.456 8.059 1 18 1s18 6.456 18-1c0-3.315-1.6-6.644-4.245-9.324");
}

.izxcn0p {
  cx: 28.5px;
  cy: 7.5px;
  r: 3.5px;
  fill: #fff;
}

.mdh6g5c {
  cx: 28.5px;
  cy: 7.5px;
  r: 1.5px;
  fill: #292f33;
}

.t_urbbb {
  cx: 7.5px;
  cy: 7.5px;
  r: 1.5px;
  fill: #292f33;
}

.tq7foabi {
  fill: #c6e5b3;
  d: path("M36 22c0 7.456-8.059 12-18 12S0 29.456 0 22S8.059 7 18 7s18 7.544 18 15");
}
</style><path class="tq7foabi"/><path class="gfyyqq2a"/><circle class="gf4n3qb"/><circle class="t_urbbb"/><circle class="izxcn0p"/><circle class="mdh6g5c"/><circle class="gb6l_ol"/><circle class="fc5fpsf"/>`;

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

export default Component;
