Ikon Watermelon
whh:watermelon
Ikon Watermelon (whh:watermelon) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1025 × 1026. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1025 × 1026
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1026" viewBox="0 0 1025 1026"><path fill="currentColor" d="M808 809Q686 931 534.5 986.5t-294 33T0 899L898 0q98 98 120.5 241t-33 294.5T808 809m88-713L96 896q64 64 160 64q102 0 240-60.5T736 736q105-104 164.5-240.5T960 256q0-49-18.5-91.5T896 96m-31.5 160q-13.5 0-23-9.5t-9.5-23t9.5-22.5t23-9t22.5 9t9 22.5t-9 23t-22.5 9.5m-64 128q-13.5 0-23-9.5T768 352t9.5-22.5T800 320t22.5 9.5T832 352t-9 22.5t-22.5 9.5M736 576q-13 0-22.5-9.5T704 544t9.5-22.5T736 512t22.5 9.5T768 544t-9.5 22.5T736 576m-64-128q-13 0-22.5-9.5T640 416t9.5-22.5T672 384t22.5 9.5T704 416t-9.5 22.5T672 448m-64 128q-13 0-22.5-9.5T576 544t9.5-22.5T608 512t22.5 9.5T640 544t-9.5 22.5T608 576m-64 128q-13 0-22.5-9.5T512 672t9.5-22.5T544 640t22.5 9.5T576 672t-9.5 22.5T544 704m-64-64q-13 0-22.5-9.5T448 608t9.5-22.5T480 576t22.5 9.5T512 608t-9.5 22.5T480 640m-64 128q-13 0-22.5-9.5T384 736t9.5-22.5T416 704t22.5 9.5T448 736t-9.5 22.5T416 768m-128 64q-13 0-22.5-9t-9.5-22.5t9.5-23T288 768t22.5 9.5t9.5 23t-9.5 22.5t-22.5 9m-64.5 64q-13.5 0-22.5-9t-9-22.5t9-23t22.5-9.5t23 9.5t9.5 23t-9.5 22.5t-23 9M416 832q13 0 22.5 9.5t9.5 23t-9.5 22.5t-22.5 9t-22.5-9t-9.5-22.5t9.5-23T416 832m128-64q13 0 22.5 9.5t9.5 23t-9.5 22.5t-22.5 9t-22.5-9.5T512 800t9.5-22.5T544 768m128-128q13 0 22.5 9.5T704 672t-9.5 22.5T672 704t-22.5-9.5T640 672t9.5-22.5T672 640m192.5-192q13.5 0 22.5 9.5t9 22.5t-9 22.5t-22.5 9.5t-23-9.5T832 480t9.5-22.5t23-9.5"/></svg>
Cara memakai ikon Watermelon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:watermelon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:watermelon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:watermelon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--watermelon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:watermelon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:watermelon"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/watermelon.svg" alt="Ikon Watermelon" width="24" height="24">
Ikon Watermelon di set ikon lain
FAQ Ikon Watermelon
Apakah ikon Watermelon gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Watermelon di React?
Pasang @iconify/react lalu render <Icon icon="whh:watermelon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Watermelon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/watermelon.svg" alt="Ikon Watermelon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
