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

const viewBox = {"width":24,"height":24};
const content = `<style>.lndpkni-g {
  fill: currentColor;
  d: path("M16.504 9.885q-.618 0-1.06-.432T15 8.385V4q0-.638.44-1.069q.442-.431 1.06-.431q.639 0 1.07.431T18 4v4.385q0 .637-.43 1.068t-1.066.431M4 21V3h8.5v1H5v16h11v-2.27h1V21zm3.5-3.27V16.5h6v1.23zm0-3v-1h4v1zm9.5.77h-1v-2.523q-1.848-.177-3.174-1.468Q11.5 10.217 11.5 8.385h1q0 1.546 1.198 2.58t2.8 1.035q1.63 0 2.817-1.035Q20.5 9.932 20.5 8.386h1q0 1.852-1.313 3.133T17 12.977z");
}
</style><path class="lndpkni-g"/>`;

/** @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={"material-symbols-light:speech-to-text-outline-sharp"} {...others} />);
}

export default Component;
