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

const viewBox = {"width":24,"height":24};
const content = `<style>.gpdlfiqat {
  fill: currentColor;
  d: path("M12 13.742q1.102-1.001 1.755-1.649q.653-.647 1.02-1.1t.489-.806q.12-.351.12-.755q0-.766-.547-1.32q-.548-.554-1.306-.554q-.447 0-.861.182q-.415.182-.67.502q-.258-.32-.668-.502q-.409-.182-.87-.182q-.756 0-1.301.552t-.545 1.316q0 .403.108.745q.109.343.476.796q.367.454 1.027 1.111T12 13.742M6 19.5V4h12v15.5l-6-2.583z");
}
</style><path class="gpdlfiqat"/>`;

/** @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={"material-symbols-light:bookmark-heart-sharp"} {...others} />);
}

export default Component;
