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

const viewBox = {"width":64,"height":64};
const content = `<style>.apcq12h {
  cx: 32px;
  cy: 40.4px;
  rx: 26px;
  ry: 4.9px;
}

.c4lhfmb {
  d: path("M7.1 6.9h49.8v50.2H7.1z");
}

.hqxdi0b {
  cx: 32px;
  cy: 23.6px;
  rx: 26px;
  ry: 4.9px;
}

.i3_8-db {
  cx: 32px;
  cy: 57.1px;
  rx: 26px;
  ry: 4.9px;
}

.lueaumb {
  cx: 15.7px;
  cy: 6.9px;
  fill: #3e4347;
  rx: 3.9px;
  ry: 1px;
}

.oonx-qb {
  fill: #d0d0d0;
}

.ot0qi0b {
  cx: 32px;
  cy: 6.9px;
  rx: 26px;
  ry: 4.9px;
}

.tyi0eob {
  fill: #3e4347;
}

.yp5rutbj {
  d: path("M7.4 22.4c3.5 1.9 13.2 4.2 24.6 4.2s21.1-2.3 24.6-4.2c-6.2.9-14.9 2.4-24.6 2.4s-18.4-1.4-24.6-2.4m0 16.9c3.5 1.9 13.2 4.2 24.6 4.2s21.1-2.3 24.6-4.2c-6.2.9-14.9 2.4-24.6 2.4s-18.4-1.5-24.6-2.4m0 16.3c3.5 1.9 13.2 4.2 24.6 4.2s21.1-2.3 24.6-4.2c-6.2.9-15 2.4-24.6 2.4s-18.4-1.5-24.6-2.4");
}
</style><g class="tyi0eob"><path class="c4lhfmb"/><ellipse class="i3_8-db"/><ellipse class="hqxdi0b"/><ellipse class="apcq12h"/></g><g class="oonx-qb"><ellipse class="ot0qi0b"/><path class="yp5rutbj"/></g><ellipse class="lueaumb"/>`;

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

export default Component;
