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

const viewBox = {"width":128,"height":128};
const content = `<style>.ae-egcc {
  stop-color: #995AA8;
}

.bv2sqkb {
  fill: #995AA8;
  d: path("M30.47 104.24h13.39v13.39H30.47zm53.57 0h13.39v13.39H84.04z");
}

.r6snrac {
  stop-color: #A363B2;
}

.ssqyoqdh {
  d: path("M97.46 64.08V37.3H84.04V23.9H70.65v13.4H57.26V23.9H43.87v13.4H30.48v26.78H17.09v13.39h13.39v13.4h13.39v13.38h13.39V90.87h13.39v13.38h13.39V90.87h13.42v-13.4h13.37V64.08zm-40.21 0H43.86V50.69h13.39zm26.78 0H70.64V50.69h13.39z");
}

.tlx_q4b {
  stop-color: #B070BF;
}

.u41-67y {
  fill: #B574C3;
  d: path("M30.48 10.51h13.39V23.9H30.48zm53.56 0h13.39V23.9H84.04z");
}

.y9j5_dn {
  d: path("M110.82 37.29h13.4v26.8h-13.4z");
}

.ytv8vtk {
  d: path("M3.7 37.28h13.4v26.8H3.7z");
}

.z0s_ohx {
  stop-color: #B574C3;
}
</style><path class="bv2sqkb"/><path class="u41-67y"/><radialGradient id="SVGYSmlrnGD" cx="64.344" cy="9.403" r="83.056" gradientUnits="userSpaceOnUse"><stop offset=".508" class="z0s_ohx"/><stop offset=".684" class="tlx_q4b"/><stop offset=".878" class="r6snrac"/><stop offset=".981" class="ae-egcc"/></radialGradient><path fill="url(#SVGYSmlrnGD)" class="ssqyoqdh"/><radialGradient id="SVGXWfJMBWl" cx="63.118" cy="24.114" r="65.281" gradientUnits="userSpaceOnUse"><stop offset=".508" class="z0s_ohx"/><stop offset=".684" class="tlx_q4b"/><stop offset=".878" class="r6snrac"/><stop offset=".981" class="ae-egcc"/></radialGradient><path fill="url(#SVGXWfJMBWl)" class="y9j5_dn"/><radialGradient id="SVGiJS0NclC" cx="62.811" cy="13.081" r="75.09" gradientUnits="userSpaceOnUse"><stop offset=".508" class="z0s_ohx"/><stop offset=".684" class="tlx_q4b"/><stop offset=".878" class="r6snrac"/><stop offset=".981" class="ae-egcc"/></radialGradient><path fill="url(#SVGiJS0NclC)" class="ytv8vtk"/>`;

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

export default Component;
