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

const viewBox = {"width":128,"height":128};
const content = `<style>.dyi_2tbb {
  fill: #FF8A80;
  d: path("M42.88 13H78c4.68 0 7.03-1.71 8.18-3.13c.6-.75.08-1.87-.89-1.87H40.8L9.46 39.35c-.49.49-.09 1.32.59 1.25l1.66-.17c2.77-.28 5.36-1.51 7.32-3.48z");
  opacity: .9;
}

.lpszr4b {
  fill: #F44336;
  d: path("M88.85 4h-49.7L4 39.15v49.7L39.15 124h49.7L124 88.85v-49.7z");
}

.y99g2oj {
  fill: #C33;
  d: path("M120 87.2L87.2 120H42l-2.85 4h49.7L124 88.85v-49.7L120 42z");
}
</style><path class="lpszr4b"/><path class="y99g2oj"/><path class="dyi_2tbb"/>`;

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

export default Component;
