ICONYZ
Bahasa Indonesia
Ikon Waterdrops Outline dari Solar

Ikon Waterdrops Outline

solar:waterdrops-outline

Ikon Waterdrops Outline (solar:waterdrops-outline) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Solar
Pembuat
480 Design
Lisensi
CC-BY-4.0
Ukuran
24 × 24
Kategori
Cuaca
Tag
waterdropsoutline, waterdrop
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.7174 3.75065C12.3192 3.33051 11.6808 3.33051 11.2826 3.75065C10.7109 4.35381 10.0594 5.10764 9.55542 5.87106C9.03283 6.66271 8.75 7.34569 8.75 7.83319C8.75 9.74931 10.2336 11.2499 12 11.2499C13.7664 11.2499 15.25 9.74931 15.25 7.83319C15.25 7.34569 14.9672 6.66271 14.4446 5.87106C13.9406 5.10764 13.2891 4.35381 12.7174 3.75065ZM10.1939 2.71881C11.1837 1.67446 12.8163 1.67446 13.8061 2.71881C14.4068 3.35257 15.1243 4.17806 15.6964 5.04468C16.2499 5.88308 16.75 6.88086 16.75 7.83319C16.75 10.5194 14.6519 12.7499 12 12.7499C9.34809 12.7499 7.25 10.5194 7.25 7.83319C7.25 6.88086 7.75013 5.88308 8.30358 5.04468C8.87567 4.17806 9.59322 3.35257 10.1939 2.71881ZM6.71741 13.7507C6.31922 13.3305 5.68078 13.3305 5.28259 13.7507C4.71094 14.3538 4.05938 15.1076 3.55542 15.8711C3.03283 16.6627 2.75 17.3457 2.75 17.8332C2.75 19.7493 4.23364 21.2499 6 21.2499C7.76636 21.2499 9.25 19.7493 9.25 17.8332C9.25 17.3457 8.96717 16.6627 8.44458 15.8711C7.94062 15.1076 7.28906 14.3538 6.71741 13.7507ZM4.19387 12.7188C5.18366 11.6745 6.81634 11.6745 7.80613 12.7188C8.40678 13.3526 9.12433 14.1781 9.69642 15.0447C10.2499 15.8831 10.75 16.8809 10.75 17.8332C10.75 20.5194 8.65191 22.7499 6 22.7499C3.34809 22.7499 1.25 20.5194 1.25 17.8332C1.25 16.8809 1.75013 15.8831 2.30358 15.0447C2.87567 14.1781 3.59322 13.3526 4.19387 12.7188ZM18.7174 13.7507C18.3192 13.3305 17.6808 13.3305 17.2826 13.7507C16.7109 14.3538 16.0594 15.1076 15.5554 15.8711C15.0328 16.6627 14.75 17.3457 14.75 17.8332C14.75 19.7493 16.2336 21.2499 18 21.2499C19.7664 21.2499 21.25 19.7493 21.25 17.8332C21.25 17.3457 20.9672 16.6627 20.4446 15.8711C19.9406 15.1076 19.2891 14.3538 18.7174 13.7507ZM16.1939 12.7188C17.1837 11.6745 18.8163 11.6745 19.8061 12.7188C20.4068 13.3526 21.1243 14.1781 21.6964 15.0447C22.2499 15.8831 22.75 16.8809 22.75 17.8332C22.75 20.5194 20.6519 22.7499 18 22.7499C15.3481 22.7499 13.25 20.5194 13.25 17.8332C13.25 16.8809 13.7501 15.8831 14.3036 15.0447C14.8757 14.1781 15.5932 13.3526 16.1939 12.7188Z" clip-rule="evenodd"/></svg>

Cara memakai ikon Waterdrops Outline

React

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

<Icon icon="solar:waterdrops-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:waterdrops-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:waterdrops-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--waterdrops-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:waterdrops-outline"></div>

Web component

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

<iconify-icon icon="solar:waterdrops-outline"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/waterdrops-outline.svg" alt="Ikon Waterdrops Outline" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Waterdrops Outline

Apakah ikon Waterdrops Outline gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Waterdrops Outline di React?

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

Bagaimana cara menambahkan ikon Waterdrops Outline ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/waterdrops-outline.svg" alt="Ikon Waterdrops Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →