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

const viewBox = {"width":36,"height":36};
const content = `<style>.aoo3ekb {
  fill: #4289c1;
  d: path("M26 12h10L18 33z");
}

.iopzj-b {
  fill: #5dadec;
  d: path("m36 12l-7-9h-6l3 9z");
}

.vhc5d3e {
  fill: #8ccaf7;
  d: path("M10 12H0l18 21zm3-9l-3 9h16l-3-9z");
}

.yesnw_f {
  fill: #5dadec;
  d: path("m18 33l-8-21h16z");
}

.yfyv8_b {
  fill: #bdddf4;
  d: path("M13 3H7l-7 9h10z");
}
</style><path class="yfyv8_b"/><path class="iopzj-b"/><path class="aoo3ekb"/><path class="vhc5d3e"/><path class="yesnw_f"/>`;

/** @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={"twemoji:gem-stone"} {...others} />);
}

export default Component;
