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

const viewBox = {"width":36,"height":36};
const content = `<style>.cchnou9d {
  fill: #ffe51e;
  d: path("M19 0c-1.721 0-3.343.406-4.793 1.111A7 7 0 0 0 13 1a7 7 0 0 0-7 7v12h.018C6.201 26.467 11.489 31.656 18 31.656S29.799 26.467 29.982 20H30v-9c0-6.075-4.925-11-11-11");
}

.e9t9cka {
  fill: #9268ca;
  d: path("M27 27H9a4 4 0 0 0-4 4v5h26v-5a4 4 0 0 0-4-4");
}

.gj8u1bgs {
  fill: #662113;
  d: path("M14 17a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1m8 0a1 1 0 0 1-1-1v-1a1 1 0 1 1 2 0v1a1 1 0 0 1-1 1");
}

.kzakwvl {
  fill: #f3d2a2;
  d: path("M9 5v12c0 4.971 4.029 9 9 9s9-4.029 9-9V5z");
}

.mok_3sb {
  fill: #df1f32;
  d: path("M15 24s1.001-2 3-2s3 2 3 2z");
}

.p5mftnr {
  fill: #f3d2a2;
  d: path("M15 22v6a3 3 0 1 0 6 0v-6z");
}

.sebz1nb {
  fill: #ffe51e;
  d: path("M27 4H9v1H8v6c6 0 6-6 6-6s2 7 14 7V5z");
}

.v7-366e {
  fill: #7450a8;
  d: path("M9 32h1v4H9zm17 0h1v4h-1z");
}

.z_ejc6k {
  fill: #c1694f;
  d: path("M19 20.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1");
}
</style><path class="cchnou9d"/><path class="e9t9cka"/><path class="p5mftnr"/><path class="kzakwvl"/><path class="sebz1nb"/><path class="v7-366e"/><path class="gj8u1bgs"/><path class="z_ejc6k"/><path class="mok_3sb"/>`;

/** @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:woman-frowning-medium-light-skin-tone"} {...others} />);
}

export default Component;
