<script>
import Icon from '@iconify/css-svelte';

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

const viewBox = {"width":24,"height":24};
const content = `<path class="rbnu8_fqt"/><path class="t9kgl7bug"/><path class="m4dufxbrr"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:twotone-bloodtype" {...props}></Icon>
<style>
:global(.m4dufxbrr) {
  fill: var(--svg-color, currentColor);
  d: path("M12 2c-5.33 4.55-8 8.48-8 11.8c0 4.98 3.8 8.2 8 8.2s8-3.22 8-8.2c0-3.32-2.67-7.25-8-11.8m0 18c-3.35 0-6-2.57-6-6.2c0-2.34 1.95-5.44 6-9.14c4.05 3.7 6 6.79 6 9.14c0 3.63-2.65 6.2-6 6.2");
}

:global(.rbnu8_fqt) {
  fill: var(--svg-color, currentColor);
  d: path("M12 4.67c-4.05 3.7-6 6.79-6 9.14c0 3.63 2.65 6.2 6 6.2s6-2.57 6-6.2c0-2.35-1.95-5.45-6-9.14M15 18H9v-2h6zm0-5h-2v2h-2v-2H9v-2h2V9h2v2h2z");
  opacity: var(--svg-opacity--.3, .3);
}

:global(.t9kgl7bug) {
  fill: var(--svg-color, currentColor);
  d: path("M9 16h6v2H9zm4-7h-2v2H9v2h2v2h2v-2h2v-2h-2z");
}

</style>
