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

const viewBox = {"width":24,"height":24};
const content = `<style>.io3-wcc0g {
  fill: currentColor;
  d: path("M4.85 22v-6.775l4.925 4.925q1.35-1.35 2.413-2.912t1.062-3.463q0-1.4-.55-2.687t-1.525-2.263L8.35 6h3.5l4-4l2.05 2.05q1 1 1.55 2.263T20 9t-.55 2.688t-1.55 2.262L15.85 16v6zm4.925-4.675l-5.2-5.2q-.275-.275-.425-.65T4 10.7t.15-.763t.425-.637l2.1-2.125l3.1 3.075q.7.7 1.088 1.613t.387 1.912t-.375 1.913t-1.1 1.637");
}
</style><path class="io3-wcc0g"/>`;

/** @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:sound-detection-dog-barking"} {...others} />);
}

export default Component;
