Ícone Water Wave
streamline-emojis:water-wave
O ícone Water Wave (streamline-emojis:water-wave) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis 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
- Streamline Emojis
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 48 × 48
- Categoria
- Animais e natureza
- Tags
- waterwave
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#00b8f0" d="M44.5 27.88a5.53 5.53 0 0 1-3.7-1.63a5.58 5.58 0 0 1-7.9 0a5.59 5.59 0 0 1-9.54-3.95V21a12.09 12.09 0 0 0 3.74 23.5h17.4Z"/><path fill="#009fd9" d="M27.09 44.5a20.08 20.08 0 0 1-2.75-19a5.55 5.55 0 0 1-1-3.16V21a12.09 12.09 0 0 0 3.75 23.5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.5 27.88a5.53 5.53 0 0 1-3.7-1.63a5.58 5.58 0 0 1-7.9 0a5.59 5.59 0 0 1-9.54-3.95V21a12.09 12.09 0 0 0 3.74 23.5h17.4Z"/><path fill="#fff" d="M27.1 44.5a12.09 12.09 0 1 1 .9-24.15c.8-1.13 1.49-2.36.61-4a2.18 2.18 0 0 1 .13-2.23a2.15 2.15 0 0 1 2.26-.86a2.23 2.23 0 0 0 2.33-.63a2.2 2.2 0 0 0 .31-2.47a1.5 1.5 0 0 1 .56-2a1.74 1.74 0 0 1 1.52-.26l.86.26a2.63 2.63 0 0 0 2-.17l.38-.2A7 7 0 0 0 37.68 7A20.25 20.25 0 1 0 27.1 44.5"/><path fill="#f0f0f0" d="M15.42 34.55a20.24 20.24 0 0 1-5.17-15.91a20 20 0 0 1 4.19-10.18a20.23 20.23 0 0 0 12.66 36a12.09 12.09 0 0 1-11.68-9.91"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M27.1 44.5a12.09 12.09 0 1 1 .9-24.15c.8-1.13 1.49-2.36.61-4a2.18 2.18 0 0 1 .13-2.23a2.15 2.15 0 0 1 2.26-.86a2.23 2.23 0 0 0 2.33-.63a2.2 2.2 0 0 0 .31-2.47h0a1.5 1.5 0 0 1 .56-2a1.74 1.74 0 0 1 1.52-.26l.86.26a2.63 2.63 0 0 0 2-.17l.38-.2A7 7 0 0 0 37.68 7A20.25 20.25 0 1 0 27.1 44.5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.5 32.39a5.52 5.52 0 0 1-3.09-1.46a5.52 5.52 0 0 1-7.6 0a8.54 8.54 0 0 1-13.4-7v-1.46"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.49 39a5.1 5.1 0 0 1-1.64-1.16a5.58 5.58 0 0 1-7.93 0a11.64 11.64 0 0 1-17.62-10v-2.22"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.48 12.62a1.14 1.14 0 1 0-.88-2.11s0 0-.06 0a1.65 1.65 0 1 0 0 2a1.08 1.08 0 0 0 .94.11m-12.22 4.73a1.2 1.2 0 1 0 2.4 0a1.2 1.2 0 1 0-2.4 0m3.87-14.57a1.2 1.2 0 1 0 2.4 0a1.2 1.2 0 1 0-2.4 0m-4.59 20.09a1.56 1.56 0 1 0 3.12 0a1.56 1.56 0 1 0-3.12 0"/></svg>
Como usar o ícone Water Wave
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:water-wave" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:water-wave" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:water-wave" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--water-wave]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:water-wave"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:water-wave"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/water-wave.svg" alt="Ícone Water Wave" width="24" height="24">
Ícones relacionados em Streamline Emojis
O ícone Water Wave em outras coleções
Perguntas frequentes sobre Ícone Water Wave
O ícone Water Wave é grátis para uso comercial?
Sim. Streamline Emojis 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="streamline-emojis: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/streamline-emojis/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 Streamline Emojis →
ICONYZ
