Ikon Water Bold

solar:water-bold

Ikon Water Bold (solar:water-bold) 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: Olahraga
Tag: waterbold

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="M4.58167 6.01037C5.27244 4.99469 6.71529 5.03259 7.44359 5.90937C8.42557 7.09155 9.80993 8.24983 12.0002 8.24983C14.2279 8.24983 15.5911 7.31995 16.5187 6.15371C17.2401 5.24674 18.7776 5.10103 19.5337 6.17693C20.1521 7.05691 20.8281 7.75783 22.1624 8.05353C22.5668 8.14315 22.822 8.54363 22.7324 8.94803C22.6428 9.35244 22.2423 9.60762 21.8379 9.518C19.9969 9.11001 19.0392 8.08213 18.3064 7.0394C18.2578 6.97023 18.171 6.91916 18.04 6.9215C17.904 6.92393 17.7732 6.98622 17.6927 7.08746C16.5174 8.56506 14.7413 9.74983 12.0002 9.74983C9.1773 9.74983 7.41088 8.21753 6.28974 6.86782L6.86667 6.3886L6.28974 6.86782C6.2245 6.78928 6.1275 6.7479 6.02885 6.74989C5.93349 6.75182 5.86412 6.79199 5.822 6.85393C5.07583 7.95107 4.11857 9.0845 2.16243 9.518C1.75803 9.60762 1.35754 9.35244 1.26793 8.94803C1.17831 8.54363 1.43349 8.14315 1.83789 8.05353C3.2498 7.74063 3.92606 6.97435 4.58167 6.01037ZM4.58167 11.0104C5.27244 9.99469 6.71529 10.0326 7.44359 10.9094C8.42557 12.0915 9.80993 13.2498 12.0002 13.2498C14.2279 13.2498 15.5911 12.3199 16.5187 11.1537C17.2401 10.2467 18.7776 10.101 19.5337 11.1769C20.1521 12.0569 20.8281 12.7578 22.1624 13.0535C22.5668 13.1431 22.822 13.5436 22.7324 13.948C22.6428 14.3524 22.2423 14.6076 21.8379 14.518C19.9969 14.11 19.0392 13.0821 18.3064 12.0394C18.2578 11.9702 18.171 11.9192 18.04 11.9215C17.904 11.9239 17.7732 11.9862 17.6927 12.0875C16.5174 13.5651 14.7413 14.7498 12.0002 14.7498C9.1773 14.7498 7.41088 13.2175 6.28974 11.8678C6.2245 11.7893 6.1275 11.7479 6.02885 11.7499C5.93349 11.7518 5.86412 11.792 5.822 11.8539C5.07583 12.9511 4.11857 14.0845 2.16243 14.518C1.75803 14.6076 1.35754 14.3524 1.26793 13.948C1.17831 13.5436 1.43349 13.1431 1.83789 13.0535C3.2498 12.7406 3.92606 11.9744 4.58167 11.0104ZM4.58167 16.0104C5.27244 14.9947 6.71529 15.0326 7.44359 15.9094C8.42557 17.0915 9.80993 18.2498 12.0002 18.2498C14.2279 18.2498 15.5911 17.3199 16.5187 16.1537C17.2401 15.2467 18.7776 15.101 19.5337 16.1769C20.1521 17.0569 20.8281 17.7578 22.1624 18.0535C22.5668 18.1431 22.822 18.5436 22.7324 18.948C22.6428 19.3524 22.2423 19.6076 21.8379 19.518C19.9969 19.11 19.0392 18.0821 18.3064 17.0394C18.2578 16.9702 18.171 16.9192 18.04 16.9215C17.904 16.9239 17.7732 16.9862 17.6927 17.0875C16.5174 18.5651 14.7413 19.7498 12.0002 19.7498C9.1773 19.7498 7.41088 18.2175 6.28974 16.8678C6.2245 16.7893 6.1275 16.7479 6.02885 16.7499C5.93349 16.7518 5.86412 16.792 5.822 16.8539C5.07583 17.9511 4.11857 19.0845 2.16243 19.518C1.75803 19.6076 1.35754 19.3524 1.26793 18.948C1.17831 18.5436 1.43349 18.1431 1.83789 18.0535C3.2498 17.7406 3.92606 16.9744 4.58167 16.0104Z" clip-rule="evenodd"/></svg>

Cara memakai ikon Water Bold

React

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

<Icon icon="solar:water-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:water-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:water-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="solar:water-bold"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/water-bold.svg" alt="Ikon Water Bold" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Water Bold

Apakah ikon Water Bold 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 Water Bold di React?

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

Bagaimana cara menambahkan ikon Water Bold ke halaman web?

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

Lihat semua Ikon Solar →