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

const viewBox = {"width":24,"height":24};
const content = `<style>.yrw6fkb5f {
  fill: currentColor;
  d: path("M12 21L0 9q2.4-2.45 5.5-3.725T12 4q3.425 0 6.525 1.275T24 9l-2.525 2.525q-.55-.25-1.125-.375t-1.2-.15l1.95-1.95q-1.95-1.475-4.262-2.262T12 6t-4.837.788T2.9 9.05l5.8 5.8q1.05-.625 2.45-.812t2.55.162q-.35.625-.525 1.388T13 17.025q0 .65.125 1.263t.4 1.187zm4 0v-5h1v-1q0-.825.588-1.412T19 13t1.413.588T21 15v1h1v5zm2-5h2v-1q0-.425-.288-.712T19 14t-.712.288T18 15z");
}
</style><path class="yrw6fkb5f"/>`;

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

export default Component;
