Ikon Droplet Off Fill

keyline-icons:droplet-off-fill

Ikon Droplet Off Fill (keyline-icons:droplet-off-fill) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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: Keyline Icons
Pembuat: Keyline Icons
Lisensi: MIT
Ukuran: 24 × 24
Tag: dropletoff, offfill, dropletofffill

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M9.4815 4.0247L10.4 2.8C10.7777 2.2965 11.3703 2 12 2C12.6297 2 13.2223 2.2965 13.5999 2.7999L18.4 9.2C19.2768 10.369 19.8167 11.756 19.9609 13.2103C20.0536 14.1451 18.9229 14.6803 18.2587 14.0161L9.5744 5.3318C9.2225 4.9799 9.1829 4.4228 9.4815 4.0247ZM18.5678 18.5678C17.0723 20.718 14.6191 22 12 22C7.5817 22 4 18.4183 4 14C4 12.269 4.5614 10.5847 5.6 9.2L7.1429 7.1429Z" stroke="none"/><path d="M2 2L22 22"/></g></svg>

Cara memakai ikon Droplet Off Fill

React

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

<Icon icon="keyline-icons:droplet-off-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:droplet-off-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:droplet-off-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--droplet-off-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:droplet-off-fill"></div>

Web component

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

<iconify-icon icon="keyline-icons:droplet-off-fill"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/droplet-off-fill.svg" alt="Ikon Droplet Off Fill" width="24" height="24">

Ikon terkait di Keyline Icons

Ikon Droplet Off Fill di set ikon lain

FAQ Ikon Droplet Off Fill

Apakah ikon Droplet Off Fill gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Droplet Off Fill di React?

Pasang @iconify/react lalu render <Icon icon="keyline-icons:droplet-off-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Droplet Off Fill ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/keyline-icons/droplet-off-fill.svg" alt="Ikon Droplet Off Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Keyline Icons →