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

const viewBox = {"width":36,"height":36};
const content = `<style>.g1krgto {
  fill: #ccd6dd;
  d: path("M1.845 15h34v7h-34z");
}

.kc17i3bu {
  fill: #292f33;
  d: path("m.155 8.207l5.572 5.827L1.845 15zm19.158 2.448l-5.572-5.828l-6.793 1.69l5.572 5.828zm13.586-3.38l-5.572-5.828l-6.793 1.69l5.572 5.827z");
}

.p3vleyb {
  fill: #292f33;
  d: path("M1.845 15h4l-4 7zm11 0l-4 7h7l4-7zm14 0l-4 7h7l4-7z");
}

.vtn9dbm {
  fill: #3f7123;
  d: path("M1.845 15h34v6h-34z");
}

.w13_xfbh {
  fill: #3f7123;
  d: path("M35.845 32c0 2.2-1.8 4-4 4h-26c-2.2 0-4-1.8-4-4V19c0-2.2 1.8-4 4-4h26c2.2 0 4 1.8 4 4z");
}

.za5aypp {
  fill: #ccd6dd;
  d: path("M.155 8.207L33.148 0l1.69 6.792L1.845 15z");
}
</style><path class="w13_xfbh"/><path class="vtn9dbm"/><path class="g1krgto"/><path class="p3vleyb"/><path class="za5aypp"/><path class="kc17i3bu"/>`;

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

export default Component;
