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

const viewBox = {"width":36,"height":36};
const content = `<style>.jlyoy3bz {
  fill: #9266cc;
  d: path("M19.5 4C26.403 4 32 9.82 32 17c0 0 0 2-2 2s-5-2-5-2H14s-3 2-5 2s-2-2-2-2C7 9.82 12.596 4 19.5 4");
}

.ldh9k3bh {
  fill: #744eaa;
  d: path("M19.5 4C23.09 4 25 9.82 25 17c0 0-3 2-5 2h-1c-2 0-5-2-5-2c0-7.18 1.91-13 5.5-13");
}

.nd_gqcob {
  fill: #66757f;
  d: path("M9 28.5a1.5 1.5 0 0 1 3 0v.5s0 3 3 3s3-3 3-3V3.5a1.5 1.5 0 1 1 3 0V29s0 6-6 6s-6-6-6-6z");
}

.rtydxlbx {
  fill: #744eaa;
  d: path("M19.5 4C28.612 4 36 9.82 36 17c0 0 0 2-1 2s-3-2-3-2H7s-2 2-3 2s-1-2-1-2C3 9.82 10.387 4 19.5 4");
}
</style><path class="nd_gqcob"/><path class="rtydxlbx"/><path class="jlyoy3bz"/><path class="ldh9k3bh"/>`;

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

export default Component;
