Ícone Water Wave

emojione-monotone:water-wave

O ícone Water Wave (emojione-monotone:water-wave) é um ícone SVG gratuito da coleção Emoji One (Monotone) de Emoji One. Ele é desenhado em uma grade de 64 × 64. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Emoji One (Monotone)
Autor: Emoji One
Licença: CC-BY-4.0
Tamanho: 64 × 64
Categoria: Natureza
Tags: waterwave

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M42.256 33.869c1.188-2.404 2.877-3.59 3.914-4.123a4.67 4.67 0 0 0 2.092 1.588c2.43.916 5.115-.383 5.998-2.902a5 5 0 0 0-.221-3.842a4.75 4.75 0 0 0 2.549-2.793a5 5 0 0 0 .029-3.23a4.75 4.75 0 0 0 2.674-2.846a5 5 0 0 0-.32-4.033a4.75 4.75 0 0 0 2.744-2.877c.885-2.52-.367-5.305-2.797-6.221a4.5 4.5 0 0 0-1.123-.264C56.844 2.111 55.596 2 54 2c-15.322 0-27.529 8.781-33.377 22.541C13.008 42.467 13.441 57.734 2 57.734C2 60.09 3.918 62 6.289 62c2.369 0 4.291-1.91 4.291-4.266c0 2.355 1.922 4.266 4.291 4.266s4.291-1.91 4.291-4.266c0 2.355 1.922 4.266 4.291 4.266s4.291-1.91 4.291-4.266c0 2.355 1.922 4.266 4.291 4.266c2.371 0 4.291-1.91 4.291-4.266c0 2.355 1.922 4.266 4.291 4.266s4.291-1.91 4.291-4.266c0 2.355 1.922 4.266 4.291 4.266c2.371 0 4.291-1.91 4.291-4.266c0 2.355 1.922 4.266 4.291 4.266S62 60.043 62 57.688c0 0-28.793-4.481-19.744-23.819M57.869 3.801c1.844.695 2.795 2.811 2.125 4.725c-.516 1.469-1.838 2.387-3.26 2.422a3.78 3.78 0 0 1 .996 4.029c-.504 1.43-1.771 2.344-3.152 2.42c1.01.979 1.416 2.523.914 3.955s-1.771 2.344-3.15 2.422a3.78 3.78 0 0 1 .912 3.953c-.672 1.916-2.711 2.902-4.557 2.205c-1.844-.695 1.451-1.209 2.123-3.123c.494-1.408-.568-3.18-.432-3.742l.008-.027q.005-.014.012-.027c.242-.521 2.154-1.17 2.648-2.578s-.568-3.182-.43-3.742l.008-.029q.005-.015.012-.025c.242-.521 2.154-1.172 2.648-2.58c.516-1.467-.66-3.328-.406-3.805c.102-.535 2.156-1.18 2.67-2.645c.672-1.916-1.535-4.505.311-3.808M21.148 31.236c1.795-5.828 4.537-11.391 8.564-15.904c2.982-3.344 6.625-6.084 10.656-7.902a34.2 34.2 0 0 1 10.344-2.838c1.393-.152 2.832-.264 4.232-.139c.771.066 1.418.617 1.418 1.471c0 .75-.646 1.537-1.418 1.471c-1.105-.098-2.24-.037-3.344.055q-.805.068-1.608.175l-.298.044l-.439.07a32 32 0 0 0-7.235 2.135c-.033.015-.051.021-.069.029l-.038.018a30.5 30.5 0 0 0-3.522 1.862c-2.115 1.307-3.729 2.576-5.48 4.355c-4.289 4.357-7.191 9.918-9.029 15.881c-.552 1.799-3.292 1.028-2.734-.783m7.793.782c-.289.742-.934 1.26-1.744 1.027c-.68-.195-1.281-1.064-.99-1.809c2.006-5.139 4.863-10.043 9.02-13.617c3.338-2.873 7.322-4.922 11.613-5.689c1.814-.324 3.771-.572 5.615-.32c.768.105 1.418.59 1.418 1.471c0 .723-.648 1.578-1.418 1.473c-.99-.137-2.021-.098-3.012-.02q-.53.041-1.055.105l-.109.015l-.131.021a22.7 22.7 0 0 0-4.5 1.185a22 22 0 0 0-.926.372l-.215.097a23 23 0 0 0-2.941 1.623c-2.143 1.404-4.016 3.141-5.705 5.27c-2.078 2.618-3.693 5.657-4.92 8.796m5.674 0c-.262.754-.957 1.252-1.744 1.027c-.703-.201-1.252-1.053-.992-1.809c1.904-5.518 5.635-9.885 10.891-12.115c2.225-.945 4.787-1.607 7.213-1.541c1.826.049 1.83 2.99 0 2.941c-.618-.017-1.242.048-1.854.129l-.306.047a21 21 0 0 0-1.625.348c-.828.217-1.646.484-2.439.814l-.228.097q-.131.058-.261.12a17 17 0 0 0-2.049 1.138c-.969.633-1.605 1.129-2.443 1.975c-1.893 1.903-3.264 4.225-4.163 6.829m3.305 1.173c-.705-.43-.844-1.291-.508-2.014c1.848-3.973 5.93-7.061 10.301-7.016c1.828.018 1.83 2.959 0 2.939a8 8 0 0 0-.625.039l-.083.009c-.787.123-1.563.329-2.306.63a9 9 0 0 0-.541.25c-.219.115-.436.23-.645.361c-.502.309-.879.568-1.266.928c-1.029.949-1.789 2.059-2.387 3.344c-.335.724-1.313.911-1.94.53"/></svg>

Como usar o ícone Water Wave

React

import { Icon } from "@iconify/react";

<Icon icon="emojione-monotone:water-wave" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="emojione-monotone:water-wave" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="emojione-monotone:water-wave" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--water-wave]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:water-wave"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="emojione-monotone:water-wave"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/water-wave.svg" alt="Ícone Water Wave" width="24" height="24">

Ícones relacionados em Emoji One (Monotone)

O ícone Water Wave em outras coleções

Perguntas frequentes sobre Ícone Water Wave

O ícone Water Wave é grátis para uso comercial?

Sim. Emoji One (Monotone) icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Water Wave no React?

Instale @iconify/react e renderize <Icon icon="emojione-monotone: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/emojione-monotone/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 Emoji One (Monotone) →