Иконка Watermelon
whh:watermelon
Иконка Watermelon (whh:watermelon) — бесплатная SVG-иконка из набора WebHostingHub Glyphs от WebHostingHub. Она нарисована на сетке 1025 × 1026. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- WebHostingHub Glyphs
- Автор
- WebHostingHub
- Лицензия
- OFL-1.1
- Размер
- 1025 × 1026
Код 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>
Как использовать иконку 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>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:watermelon"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/whh/watermelon.svg" alt="Иконка Watermelon" width="24" height="24">
Иконка Watermelon в других наборах
Вопросы и ответы: Иконка Watermelon
Можно ли бесплатно использовать иконку Watermelon в коммерческих проектах?
Да. WebHostingHub Glyphs icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Watermelon в React?
Установите @iconify/react и выведите <Icon icon="whh:watermelon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Watermelon на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/whh/watermelon.svg" alt="Иконка Watermelon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки WebHostingHub Glyphs →
ICONYZ
