Ícone Watermelon
whh:watermelon
O ícone Watermelon (whh:watermelon) é um ícone SVG gratuito da coleção WebHostingHub Glyphs de WebHostingHub. Ele é desenhado em uma grade de 1025 × 1026. WebHostingHub Glyphs icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licença
- OFL-1.1
- Tamanho
- 1025 × 1026
Código 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>
Como usar o ícone 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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/whh/watermelon.svg" alt="Ícone Watermelon" width="24" height="24">
O ícone Watermelon em outras coleções
Perguntas frequentes sobre Ícone Watermelon
O ícone Watermelon é grátis para uso comercial?
Sim. WebHostingHub Glyphs icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Watermelon no React?
Instale @iconify/react e renderize <Icon icon="whh:watermelon" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Watermelon a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/whh/watermelon.svg" alt="Ícone Watermelon">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones WebHostingHub Glyphs →
ICONYZ
