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

const viewBox = {"width":24,"height":24};
const content = `<style>.tfp1sabwe {
  fill: currentColor;
  d: path("M3 19.5V4.9q0-.8.55-1.35T4.9 3h.85q.6 0 1.088.325t.687.9L12 16.05l4.4-11.725q.225-.6.75-.963T18.325 3h.625q.85 0 1.45.6t.6 1.45V19.5q0 .625-.437 1.063T19.5 21t-1.062-.437T18 19.5V8.75l-4.425 11.475q-.125.35-.425.563t-.675.212h-.95q-.375 0-.675-.213t-.425-.562L6 8.825V19.5q0 .625-.437 1.063T4.5 21t-1.062-.437T3 19.5");
}
</style><path class="tfp1sabwe"/>`;

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

export default Component;
