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

const viewBox = {"width":36,"height":36};
const content = `<style>.b4ozkxbc {
  fill: #66757f;
  d: path("M30 14a1 1 0 0 0-1 1v2c0 6.074-4.925 11-11 11S7 23.074 7 17v-2a1 1 0 0 0-2 0v2c0 7.18 5.82 13 13 13s13-5.82 13-13v-2a1 1 0 0 0-1-1");
}

.fq8m10q {
  cx: 12.5px;
  cy: 14.5px;
  r: 1.5px;
}

.i6iix1br {
  fill: #292f33;
  d: path("M6 15h24v2H6zm15 15c0 2.208-.792 4-3 4s-3-1.792-3-4s.791-2 3-2s3-.208 3 2");
}

.im0g7uw {
  cx: 20.5px;
  cy: 2.5px;
  r: 1.5px;
}

.j1nrg_b {
  cx: 15.5px;
  cy: 2.5px;
  r: 1.5px;
}

.jmx-d4b {
  cx: 15.5px;
  cy: 10.5px;
  r: 1.5px;
}

.l0u5tdx {
  cx: 12.5px;
  cy: 6.5px;
  r: 1.5px;
}

.lmm9hou {
  cx: 17.5px;
  cy: 6.5px;
  r: 1.5px;
}

.m1i8m8n {
  cx: 20.5px;
  cy: 10.5px;
  r: 1.5px;
}

.svhbngu {
  fill: #99aab5;
  d: path("M18 0a9 9 0 0 0-9 9v7h18V9a9 9 0 0 0-9-9");
}

.thivqce {
  cx: 25.5px;
  cy: 10.5px;
  r: 1.5px;
}

.ukka3vw {
  cx: 17.5px;
  cy: 14.5px;
  r: 1.5px;
}

.vivx11b {
  cx: 10.5px;
  cy: 10.5px;
  r: 1.5px;
}

.vny4m_b {
  fill: #292f33;
}

.w-ycx9b {
  cx: 22.5px;
  cy: 6.5px;
  r: 1.5px;
}

.xbbe-2b {
  fill: #66757f;
  d: path("M18 31c-6.627 0-10 1.343-10 3v2h20v-2c0-1.657-3.373-3-10-3");
}

.ydca_cm {
  cx: 22.5px;
  cy: 14.5px;
  r: 1.5px;
}

.zd9u_yb {
  fill: #66757f;
  d: path("M9 15.062V17c0 4.971 4.029 9 9 9s9-4.029 9-9v-1.938z");
}
</style><path class="i6iix1br"/><path class="xbbe-2b"/><path class="svhbngu"/><g class="vny4m_b"><circle class="j1nrg_b"/><circle class="im0g7uw"/><circle class="lmm9hou"/><circle class="w-ycx9b"/><circle class="l0u5tdx"/><circle class="jmx-d4b"/><circle class="vivx11b"/><circle class="m1i8m8n"/><circle class="thivqce"/><circle class="ukka3vw"/><circle class="ydca_cm"/><circle class="fq8m10q"/></g><path class="zd9u_yb"/><path class="b4ozkxbc"/>`;

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

export default Component;
