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

const viewBox = {"width":36,"height":36};
const content = `<style>.g3oksyp {
  fill: #dd2e44;
  d: path("m17.925 21.75l-14-1c-5 0-5-12 0-12l14-1c-3 3-3 11 0 14");
}

.gcotlix {
  cx: 31.325px;
  cy: 14.75px;
  fill: #99aab5;
  rx: 1.5px;
  ry: 4.348px;
}

.jiguky8f {
  fill: #ccd6dd;
  d: path("M35.825 14.75c0 6.902-1.544 12.5-3.45 12.5c-1.905 0-20.45-5.598-20.45-12.5s18.545-12.5 20.45-12.5c1.906 0 3.45 5.597 3.45 12.5");
}

.n556ryg {
  cx: 32.375px;
  cy: 14.75px;
  fill: #66757f;
  rx: 3.45px;
  ry: 12.5px;
}

.p10cf1bf {
  fill: #be1931;
  d: path("M12.908 30.75c-.276 2.209-2.291 3-4.5 3s-3.776-1.791-3.5-4l1-9c.276-2.209 2.291-4 4.5-4s6.468 0 3.5 4s-1 10-1 10");
}
</style><path class="p10cf1bf"/><path class="jiguky8f"/><ellipse class="n556ryg"/><path class="g3oksyp"/><ellipse class="gcotlix"/>`;

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

export default Component;
