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

const viewBox = {"width":64,"height":64};
const content = `<style>.disjjpb {
  cx: 19.9px;
  cy: 33.6px;
  fill: #bf7b90;
  rx: 6.1px;
  ry: 12.8px;
}

.hi5lw5bj {
  fill: #a5627a;
  d: path("M25.9 33.6c0 7.4-3.3 13.4-7.3 13.4c-4.1 0-7.3-6-7.3-13.4s3.3-13.4 7.3-13.4c4.1.1 7.3 6 7.3 13.4");
}

.jr7_vsp {
  cx: 46.7px;
  cy: 33.6px;
  fill: #bf7b90;
  rx: 6.1px;
  ry: 12.8px;
}

.o--zrpbn {
  fill: #a5627a;
  d: path("M52.7 33.6c0 7.4-3.3 13.4-7.3 13.4c-4.1 0-7.3-6-7.3-13.4s3.3-13.4 7.3-13.4c4 .1 7.3 6 7.3 13.4");
}

.zek_qhhb {
  fill: #fc97b2;
  d: path("M62 37.3c0 17.3-13.4 15.3-30 15.3s-30 2-30-15.3s13.4-25.9 30-25.9S62 20 62 37.3");
}
</style><path class="zek_qhhb"/><path class="hi5lw5bj"/><ellipse class="disjjpb"/><path class="o--zrpbn"/><ellipse class="jr7_vsp"/>`;

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

export default Component;
