<script>
import Icon from '@iconify/css-svelte';
import '../../css/m/mjb3siw-o.css';
import '../../css/g/gp_8x1bzb.css';
import '../../css/o/occz4wbgh.css';
import '../../css/a/atjk8mbde.css';
import '../../css/h/hsixsabso.css';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":32,"height":32};
const content = `<mask id="SVGVzXi1dDm" width="28" height="25" x="2" y="4" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path class="mjb3siw-o"/></mask><g class="gp_8x1bzb"><path class="occz4wbgh"/><g mask="url(#SVGVzXi1dDm)" class="atjk8mbde"><path class="hsixsabso"/></g></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="fluent-emoji-high-contrast:purple-heart" {...props}></Icon>
