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

const viewBox = {"width":64,"height":64};
const content = `<style>.auxbhxb {
  fill: #ffce31;
}

.aw3lqxb {
  fill: #3e4347;
  d: path("M62 25.4L32 38.9L2 25.4l30-13.5z");
}

.b50msybn {
  d: path("M31.9 24.8c-4.6 2.1-14.6 6.6-15 6.8c-.2.1-.4.3-.4.6V39c0 .8 1 .8 1 0v-6.3c4.5-2 14.2-6.4 14.6-6.6c.6-.3.4-1.5-.2-1.3");
}

.jsdftcq {
  cx: 17px;
  cy: 38.9px;
  rx: 1.9px;
  ry: 2.4px;
}

.lxj1b6h {
  d: path("M17 51.9c1 0 1.9-.5 1.9-1.2V38.9h-3.8v11.8c0 .7.9 1.2 1.9 1.2");
}

.nomkwnk {
  fill: #596066;
  d: path("M13.1 30.2V37c0 14 37.7 14 37.7 0v-6.8z");
}

.nqdc7sbh {
  fill: #594640;
  d: path("M18.3 39.2c-.1 0-.1.1-.2.1v12.4c.1 0 .1-.1.2-.1zm-.8.3h-.2v12.4h.2zm-.8 0h-.2v12.4h.2zm-.8-.2c-.1 0-.1-.1-.2-.1v12.5c.1 0 .1.1.2.1z");
}
</style><path class="nomkwnk"/><path class="aw3lqxb"/><g class="auxbhxb"><path class="b50msybn"/><ellipse class="jsdftcq"/><path class="lxj1b6h"/></g><path class="nqdc7sbh"/>`;

/** @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={"emojione:graduation-cap"} {...others} />);
}

export default Component;
