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

const viewBox = {"width":128,"height":128};
const content = `<style>.l1vke3b {
  stop-color: #757575;
}

.nf69x0b {
  stop-color: #504f4f;
}

.oobb4dbs {
  d: path("M73.57 102.07H63.7c-.76 0-1.37-.61-1.37-1.37V43.03c0-.94-.92-1.6-1.81-1.3l-14.98 5.11c-.89.3-1.81-.36-1.81-1.3v-7.76c0-.57.36-1.09.9-1.29L73.1 26.02c.15-.06.31-.08.47-.08c.76 0 1.37.61 1.37 1.37v73.39c0 .75-.61 1.37-1.37 1.37z");
}
</style><linearGradient id="ssvg-id-digit-onea" gradientUnits="userSpaceOnUse" x1="59.335" y1="100.333" x2="59.335" y2="25.95" gradientTransform="matrix(1 0 0 -1 0 128)"><stop offset="0" class="l1vke3b"/><stop offset=".515" class="nf69x0b"/></linearGradient><path fill="url(#ssvg-id-digit-onea)" class="oobb4dbs"/>`;

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

export default Component;
