Ícone Waving Hand Rounded
material-symbols-light:waving-hand-rounded
O ícone Waving Hand Rounded (material-symbols-light:waving-hand-rounded) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, 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
- Material Symbols Light
- Autor
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Social
- Tags
- bye, fingers, gesture, goodbye, greetings, hand, hello, palm, wave, waving, social, wavinghand, handrounded, wavinghandrounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.27 21.775q-.214 0-.367-.146t-.153-.36t.153-.356t.366-.144q1.881-.019 3.181-1.328t1.32-3.172q0-.213.146-.369t.359-.156t.357.156t.143.37q0 2.307-1.599 3.906t-3.907 1.599M2.731 8.25q-.214 0-.36-.143t-.146-.357q0-2.308 1.609-3.916T7.73 2.225q.213 0 .369.143t.156.357t-.156.36t-.37.146Q5.85 3.25 4.55 4.56T3.23 7.73q0 .214-.143.367t-.356.153m2.973 10.014q-2.006-2.006-1.996-4.802T5.742 8.64l1.739-1.745q.182-.183.453-.183q.272 0 .454.183q.552.552.59 1.32q.04.768-.494 1.301l-.811.792q-.242.243-.242.579t.242.577l.304.304q1.015 1.015.621 2.008q-.394.992-1.198 1.796q-.129.129-.139.317q-.009.187.139.316q.129.128.316.128t.317-.128q1.1-1.081 1.484-2.426q.385-1.346-.913-2.644l-.242-.261l.903-.904q.304-.342.444-.732t.168-.816l3.956-3.975q.165-.165.357-.165q.19 0 .356.165q.166.166.166.357t-.166.357l-4.29 4.29l1.608 1.608l5.678-5.693q.166-.165.354-.165q.189 0 .354.165q.166.166.166.354t-.166.354l-5.692 5.679l1.608 1.608l4.992-4.974q.165-.165.356-.165q.192 0 .357.166q.166.165.166.356q0 .192-.166.357l-4.992 4.973l1.627 1.627l3.492-3.473q.165-.165.357-.165t.356.165q.166.165.166.357t-.165.356l-5.346 5.322q-2.025 2.025-4.831 2.025t-4.831-2.026"/></svg>Como usar o ícone Waving Hand Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:waving-hand-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:waving-hand-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:waving-hand-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--waving-hand-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:waving-hand-rounded"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:waving-hand-rounded"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/waving-hand-rounded.svg" alt="Ícone Waving Hand Rounded" width="24" height="24">Ícones relacionados em Material Symbols Light
O ícone Waving Hand Rounded em outras coleções
Perguntas frequentes sobre Ícone Waving Hand Rounded
O ícone Waving Hand Rounded é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Waving Hand Rounded no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:waving-hand-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Waving Hand Rounded a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/waving-hand-rounded.svg" alt="Ícone Waving Hand Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.