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

const viewBox = {"width":128,"height":128};
const content = `<style>.br4wyun {
  fill: #B0BEC5;
  d: path("M122.01 5.99V122H5.99V5.99zM124 4H4v120h120z");
}

.dmbdbuby {
  fill: none;
  stroke: #B0BEC5;
  stroke-miterlimit: 10;
  stroke-width: 1.993px;
  d: path("M24.7 4.2v119.6M44.35 4.2v119.6M64 4.2v119.6M83.65 4.2v119.6M103.3 4.2v119.6");
}

.k4vylu_w {
  fill: #E53935;
  d: path("m5.1 122.98l-.08-6.16L31.94 68.3l23.7 21.91l63.78-85.1h3.49l.14 5.16l-66.6 88.86l-23.02-21.28l-24.98 45.16z");
}

.zsc4vhb {
  fill: #FFF;
  d: path("M4 4h120v120H4z");
}

.zvuxa3bp {
  fill: none;
  stroke: #B0BEC5;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  d: path("M123.8 24.66H4.15m119.66 19.67H4.16M123.83 64H4.17m119.67 19.67H4.19m119.66 19.67H4.2");
}
</style><path class="zsc4vhb"/><path class="dmbdbuby"/><path class="zvuxa3bp"/><path class="k4vylu_w"/><path class="br4wyun"/>`;

/** @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={"noto:chart-increasing"} {...others} />);
}

export default Component;
