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

const viewBox = {"width":24,"height":24};
const content = `<style>.e7b5nq28d {
  fill: currentColor;
  d: path("M3.188 17.813Q1 15.625 1 12.5t2.188-5.312T8.5 5q1.3 0 2.45.413t2.1 1.137L14.1 5.5l1.4 1.4l-1.05 1.05q.725.95 1.138 2.113T16 12.5q0 3.125-2.187 5.313T8.5 20t-5.312-2.187M19.5 20L16 16.5l1.4-1.4l1.1 1.1V4h2v12.175l1.075-1.075L23 16.5zM6 4V2h5v2zm6.4 12.4q1.6-1.6 1.6-3.9t-1.6-3.9T8.5 7T4.6 8.6T3 12.5t1.6 3.9T8.5 18t3.9-1.6m-4.9-2.9h2v-5h-2zm1-1");
}
</style><path class="e7b5nq28d"/>`;

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

export default Component;
