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

const viewBox = {"width":24,"height":24};
const content = `<style>.n4d1a-bok {
  fill: currentColor;
  d: path("m6.35 15.35l-1.023-1.034q1.334-1.346 3.056-2.061q1.722-.716 3.616-.716q1.893 0 3.617.722q1.725.722 3.057 2.066L17.65 15.35q-1.125-1.125-2.587-1.737T12 13t-3.062.613T6.35 15.35M12 21l-2.448-2.454q.486-.486 1.119-.747q.633-.26 1.327-.26t1.329.26t1.121.747z");
}
</style><path class="n4d1a-bok"/>`;

/** @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:wifi-2-bar-sharp"} {...others} />);
}

export default Component;
