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

const viewBox = {"width":36,"height":36};
const content = `<style>.d29bw9b {
  cx: 11px;
  cy: 20px;
  r: 2px;
  fill: #fff;
}

.djt69y_d {
  fill: #fff;
  d: path("M29 13s0-2-2-2h-7c-1 0-2 1-2 1l-2 2h-4s-1 0-1 1s1 1 1 1h5l2-2v17s0 1 1 1h1s1 0 1-1v-8s0-1 1-1s1 1 1 1v8s0 1 1 1h1s1 0 1-1v-9s2 0 2-2z");
}

.gig8bfe {
  fill: #3b88c3;
  d: path("M0 4c0-4 4-4 4-4h28s4 0 4 4v28s0 4-4 4H4s-4 0-4-4z");
}

.qmmdqz_q {
  fill: #fff;
  d: path("M6 22s-1 0-1-1s1-1 1-1s2 0 2 2v8h6v-8c0-2 2-2 2-2s1 0 1 1s-1 1-1 1v8s0 2-2 2H8s-2 0-2-2z");
}

.tjuy6my {
  cx: 23px;
  cy: 7.5px;
  fill: #fff;
  rx: 3px;
  ry: 3.5px;
}
</style><path class="gig8bfe"/><ellipse class="tjuy6my"/><path class="djt69y_d"/><path class="qmmdqz_q"/><circle class="d29bw9b"/>`;

/** @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:litter-in-bin-sign"} {...others} />);
}

export default Component;
