Ikon Blood Drop

healthicons:blood-drop

Ikon Blood Drop (healthicons:blood-drop) adalah ikon SVG gratis dari set Health Icons karya Resolve to Save Lives. Ikon ini digambar pada grid 48 × 48. Health Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Health Icons
Pembuat: Resolve to Save Lives
Lisensi: MIT
Ukuran: 48 × 48
Kategori: Tubuh
Tag: blooddrop

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m24 4l-.69.66l-.004.004l-.009.008l-.032.032l-.122.119q-.16.157-.456.455a72 72 0 0 0-6.492 7.621C12.681 17.68 9 24.082 9 30.08C9 37.845 15.796 44 24 44s15-6.155 15-13.92c0-6-3.681-12.401-7.195-17.18a72 72 0 0 0-6.492-7.622a42 42 0 0 0-.578-.574l-.032-.032l-.01-.008l-.003-.004zm-8.535 27.399a1 1 0 1 0-1.902.62a11.53 11.53 0 0 0 4.177 5.766a11.48 11.48 0 0 0 6.76 2.203c.552 0 1-.449 1-1.003s-.448-1.003-1-1.003a9.5 9.5 0 0 1-5.584-1.82a9.53 9.53 0 0 1-3.451-4.764" clip-rule="evenodd"/></svg>

Cara memakai ikon Blood Drop

React

import { Icon } from "@iconify/react";

<Icon icon="healthicons:blood-drop" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="healthicons:blood-drop" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="healthicons:blood-drop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--blood-drop]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:blood-drop"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="healthicons:blood-drop"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/healthicons/blood-drop.svg" alt="Ikon Blood Drop" width="24" height="24">

Ikon terkait di Health Icons

Ikon Blood Drop di set ikon lain

FAQ Ikon Blood Drop

Apakah ikon Blood Drop gratis untuk penggunaan komersial?

Ya. Health Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Blood Drop di React?

Pasang @iconify/react lalu render <Icon icon="healthicons:blood-drop" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Blood Drop ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/healthicons/blood-drop.svg" alt="Ikon Blood Drop">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Health Icons →