Ícone Water Wave
openmoji:water-wave
O ícone Water Wave (openmoji:water-wave) é um ícone SVG gratuito da coleção OpenMoji. Ele é desenhado em uma grade de 72 × 72. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- OpenMoji
- Autor
- OpenMoji
- Licença
- CC-BY-SA-4.0
- Tamanho
- 72 × 72
- Categoria
- Viagens e lugares
- Tags
- waterwave
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#92d3f5" d="M4 28.19C4 14.816 14.286 3.976 27.837 3.976C15 19.344 26.25 43.722 56.4 41.563c4.256-.305 8.947-1.778 12.593-3.724v30.086a1.01 1.01 0 0 1-1.01 1.011L4 68.958z"/><path fill="#61b2e4" d="M21.784 10.012c-3.821 7.178-5.95 21.127 6.556 33.343c0 0 10.239 12.65 40.653 4.885V37.35s-11.106 7.592-27.525 2.338C26.083 34.765 22.043 23.16 22.558 18.92c.183-1.5.789-6.042.789-6.042s.839-3.014.545-3.8c-.34-.911-1.834.419-2.108.933"/><path fill="#92d3f5" d="M44.857 9.722c1.674 1.907 1.579 4.722-.21 6.293s-4.596 1.298-6.27-.608c0 0-2.07-2.286-3.018-8.876c0 0-.251-1.32.979-.96c6.412 1.79 8.519 4.151 8.519 4.151"/><path fill="#61b2e4" d="M35.41 6.055c4.354-.6 9.166 3.388 9.166 3.388c2.133 2.43 1.86 5 .07 6.571c0 0-.997-5.442-9.236-9.959"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke-width="2" d="M68 47.896v20.062H4V27.833C4 13.148 13.579 4 27.836 3.997"/><path stroke-width="2" d="M68 37.506C64.353 39.423 60.656 40.7 56.4 41C26.25 43.125 15 19.125 27.836 3.997"/><path stroke-width="2" d="M68 47.896c-4.833 2.687-11.25 3.371-19.016 2.988c-34.993-3.259-37.603-36.5-21.148-46.887"/><path stroke-width="1.9" d="M44.857 9.722c1.674 1.907 1.579 4.722-.21 6.293s-4.596 1.298-6.27-.608c0 0-2.07-2.286-3.018-8.876c0 0-.251-1.32.979-.96c6.412 1.79 8.519 4.151 8.519 4.151"/><path stroke-width="2" d="M63.875 63.278c-3.424 0-3.424-2.055-6.847-2.055c-3.422 0-3.422 2.055-6.844 2.055c-3.425 0-3.425-2.055-6.85-2.055c-3.427 0-3.427 2.055-6.855 2.055s-3.427-2.055-6.854-2.055"/></g></svg>
Como usar o ícone Water Wave
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:water-wave" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:water-wave" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:water-wave" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--water-wave]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:water-wave"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:water-wave"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/openmoji/water-wave.svg" alt="Ícone Water Wave" width="24" height="24">
Ícones relacionados em OpenMoji
O ícone Water Wave em outras coleções
Perguntas frequentes sobre Ícone Water Wave
O ícone Water Wave é grátis para uso comercial?
Sim. OpenMoji icons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Water Wave no React?
Instale @iconify/react e renderize <Icon icon="openmoji:water-wave" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Water Wave a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/openmoji/water-wave.svg" alt="Ícone Water Wave">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones OpenMoji →
ICONYZ
