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

const viewBox = {"width":36,"height":36};
const content = `<style>.e8dc_cc {
  cx: 16px;
  cy: 15px;
  fill: #662113;
  rx: 14.641px;
  ry: 7.719px;
}

.jh81-ct {
  fill: #a0041e;
  d: path("M16 31c8.837 0 16-7.163 16-16H0c0 8.837 7.164 16 16 16");
}

.mtt1v6kj {
  fill: #99aab5;
  d: path("M34 8c-1 0-4 1-8 4c-4.525 3.394-7.596 2.187-7.596 2.187l.001.003C16.981 13.453 15.087 13 13 13c-4.418 0-8 2.015-8 4.5S8.582 22 13 22c2.773 0 5.216-.794 6.651-2c0 0 4.995-4.431 7.349-6c3-2 5-3 7-3s2-3 0-3");
}

.rmsda8b {
  cx: 13px;
  cy: 19px;
  fill: #ccd6dd;
  rx: 5px;
  ry: 2.5px;
}

.v0ll5oe {
  cx: 16px;
  cy: 15px;
  fill: #ea596e;
  rx: 16.051px;
  ry: 8.917px;
}
</style><path class="jh81-ct"/><ellipse class="v0ll5oe"/><ellipse class="e8dc_cc"/><path class="mtt1v6kj"/><ellipse class="rmsda8b"/>`;

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

export default Component;
