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

const viewBox = {"width":36,"height":36};
const content = `<style>.dxfkomg {
  fill: #99aab5;
  d: path("M14 17.823S-.593 35.029.188 35.813S18.177 22 18.177 22z");
}

.gtn0lacq {
  fill: #dd2e44;
  d: path("M25.215 27.991a4.423 4.423 0 0 1-6.258 0L8.009 17.041a4.425 4.425 0 0 1 6.258-6.256l10.948 10.949a4.424 4.424 0 0 1 0 6.257");
}

.txoyvn9f {
  fill: #dd2e44;
  d: path("M34.6 13.912a4.42 4.42 0 0 1-6.255 0l-6.257-6.256a4.426 4.426 0 0 1 6.257-6.258L34.6 7.656a4.423 4.423 0 0 1 0 6.256");
}

.vfuqhlb {
  fill: #be1931;
  d: path("M23.651 23.297L12.702 12.348l9.386-7.821l9.385 9.385z");
}
</style><path class="vfuqhlb"/><path class="txoyvn9f"/><path class="dxfkomg"/><path class="gtn0lacq"/>`;

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

export default Component;
