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

const viewBox = {"width":24,"height":24};
const content = `<style>.zqua-wb3z {
  fill: currentColor;
  d: path("M12 16.692q-1.594 0-2.832-.964t-1.664-2.42h.935q.401 1.119 1.354 1.81q.954.69 2.207.69q1.578 0 2.693-1.115T15.808 12t-1.115-2.692T12 8.192q-.917 0-1.754.446q-.836.445-1.446 1.17h1.892v.884H7.308V7.308h.884v1.848q.714-.823 1.71-1.336q.996-.512 2.098-.512q1.947 0 3.32 1.372T16.692 12t-1.372 3.32T12 16.692M4 20v-5h1v4h4v1zm11 0v-1h4v-4h1v5zM4 9V4h5v1H5v4zm15 0V5h-4V4h5v5z");
}
</style><path class="zqua-wb3z"/>`;

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

export default Component;
