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

const viewBox = {"width":36,"height":36};
const content = `<style>.eca2yen {
  fill: #269;
  d: path("M17.985 8.761L11 14h2l5.094-5.094z");
}

.i00mxpk {
  fill: #3b88c3;
  d: path("M11 5h14v31H11z");
}

.js8u5xbq {
  fill: #3b88c3;
  d: path("M22 0h3l5 2.808l5 23.307L26 27l-6-16.423M14 0h-3L6 2.808L1 26.115L10 27l6-16.423");
}

.m2_cflp {
  fill: #99aab5;
  d: path("M20.333 0L18 3l-2.333-3z");
}

.me6kx-u {
  fill: #fff;
  d: path("M25 18s-1.167 1-7 1s-7-1-7-1v-2h14zm0-18l-7 9l-7-9z");
}

.y1xqwlb {
  fill: #269;
  d: path("M25 25V4l2 23zm-14 0V4L9 27z");
}

.z-texob {
  fill: #88c9f9;
  d: path("M25 20s-1.167 1-7 1s-7-1-7-1v-6h14z");
}
</style><path class="js8u5xbq"/><path class="i00mxpk"/><path class="eca2yen"/><path class="z-texob"/><path class="me6kx-u"/><path class="m2_cflp"/><path class="y1xqwlb"/>`;

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

export default Component;
