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

const viewBox = {"width":48,"height":48};
const content = `<style>.ud6yux3aw {
  d: path("M24 4.5s-2.507-.056-2.757 3.39c0 0-7.285 1.661-7.266 12c.02 10.846-6.267 8.25-6.904 18.393M24 16.39l-4.898 6.556h2.335v4.195H24m5.976 6.732c0 3.345-2.676 6.056-5.976 6.056s-5.975-2.711-5.975-6.056M24 4.5s2.507-.056 2.758 3.39c0 0 7.284 1.661 7.265 12c-.02 10.846 6.267 8.25 6.904 18.393M24 16.39l4.898 6.556h-2.335v4.195H24");
}

.v8bb4jpbs {
  cx: 24px;
  cy: 38.527px;
  rx: 16.948px;
  ry: 4.973px;
}

.y9tr6bcfx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
</style><g class="y9tr6bcfx"><ellipse class="v8bb4jpbs"/><path class="ud6yux3aw"/></g>`;

/** @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={"arcticons:upfcm-distributor"} {...others} />);
}

export default Component;
