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

const viewBox = {"width":24,"height":24};
const content = `<style>.zwpj0bcft {
  fill: currentColor;
  d: path("M4.207 17.13q-1.86-1.87-1.86-4.534t1.86-4.533t4.524-1.87q1.185 0 2.248.402q1.063.403 1.898 1.128l.954-.954l.688.689l-.934.953q.725.835 1.137 1.902t.413 2.283q0 2.663-1.87 4.534T8.73 19t-4.524-1.87M19.385 19l-2.693-2.692l.708-.708l1.485 1.485V5h1v12.079l1.479-1.479l.713.708zM6.808 4.77v-1h3.884v1zm1.423 8.134h1V9.096h-1z");
}
</style><path class="zwpj0bcft"/>`;

/** @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:timer-arrow-down"} {...others} />);
}

export default Component;
