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

const viewBox = {"width":64,"height":64};
const content = `<style>.bfn1c7wm {
  fill: #ff5a79;
  d: path("M54.7 24.3c-5.7-15-24.2-8.3-26-.8c-2.4-8-20.4-14-26 .8c-6.1 16.4 23.8 31.2 26 33.6c2.2-1.9 32.2-17.4 26-33.6");
}

.e8ndm-c {
  fill: #ffce31;
  d: path("m12.7 54.6l-2-2.1l19.1-19l2.1 2z");
}

.kzwm2d3s {
  fill: #467591;
  d: path("M40.9 21.7s-.4-9.9 8.4-18.7l2.2 8.1zm2.3 2.3s9.9.4 18.8-8.4l-8.2-2.2z");
}

.mrswj4b {
  fill: #467591;
  d: path("M4.2 61s8.3.7 15.4-6.4l-6.9-2.1z");
}

.rvfdvoa {
  fill: #42ade2;
  d: path("M4.2 61s-.7-8.3 6.4-15.3l2.1 6.9z");
}

.uu4ascn {
  fill: #ffce31;
  d: path("m37.1 30.1l-2.4-2.3l16.8-16.7l2.3 2.4z");
}
</style><path class="e8ndm-c"/><path class="rvfdvoa"/><path class="mrswj4b"/><path class="bfn1c7wm"/><path class="uu4ascn"/><path class="kzwm2d3s"/>`;

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

export default Component;
