Watermelon ikonu
whh:watermelon
Watermelon ikonu (whh:watermelon), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 1025 × 1026 ızgara üzerinde çizilmiştir. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- WebHostingHub Glyphs
- Yazar
- WebHostingHub
- Lisans
- OFL-1.1
- Boyut
- 1025 × 1026
SVG kodu
<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>
Watermelon ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:watermelon"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/whh/watermelon.svg" alt="Watermelon ikonu" width="24" height="24">
Diğer ikon setlerinde Watermelon ikonu
Watermelon ikonu: sık sorulan sorular
Watermelon ikonu ticari kullanım için ücretsiz mi?
Evet. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Watermelon ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="whh:watermelon" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Watermelon ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/whh/watermelon.svg" alt="Watermelon ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: WebHostingHub Glyphs ikonları →
ICONYZ
