Waving Hand Outline Rounded アイコン
material-symbols-light:waving-hand-outline-rounded
Waving Hand Outline Rounded アイコン(material-symbols-light:waving-hand-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- bye、fingers、gesture、goodbye、greetings、hand、hello、palm、wave、waving、social、wavinghand、handoutline、outlinerounded、wavinghandoutlinerounded
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.153M18.41 5.721q0 .189-.166.354l-6.003 6.01q-.141.146-.342.143t-.347-.144q-.165-.145-.156-.356q.01-.21.156-.357l5.985-6.004q.165-.165.354-.165t.353.165q.166.166.166.354m1.62 3.024q0 .191-.164.357l-5.304 5.285q-.14.14-.351.15t-.357-.15q-.146-.146-.14-.357q.007-.21.153-.357l5.285-5.284q.165-.166.357-.166t.357.166t.165.356M5.698 18.264q-2.006-2.006-1.996-4.802T5.737 8.64l2.28-2.282q.243-.242.575-.242t.575.242l.43.43q.27.27.415.593t.192.695l3.623-3.629q.165-.165.357-.165t.357.165t.165.357t-.165.357l-4.345 4.344l-1.567 1.58l.494.495q.958.958.946 2.308t-.975 2.313l-.39.39q-.14.14-.351.15t-.357-.15q-.146-.146-.146-.356q0-.211.146-.357l.385-.385q.671-.671.685-1.603t-.656-1.603l-.637-.63q-.242-.243-.242-.578q0-.336.242-.578l1.118-1.093q.396-.396.396-.962t-.396-.963l-.289-.288l-2.158 2.138q-1.719 1.72-1.748 4.111t1.69 4.11t4.143 1.72t4.142-1.72l5.321-5.326q.166-.165.357-.165q.192 0 .357.165t.165.357t-.165.356l-5.346 5.322q-2.025 2.025-4.831 2.025t-4.831-2.026m4.821-4.84"/></svg>Waving Hand Outline Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:waving-hand-outline-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:waving-hand-outline-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:waving-hand-outline-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--waving-hand-outline-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:waving-hand-outline-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:waving-hand-outline-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/waving-hand-outline-rounded.svg" alt="Waving Hand Outline Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Waving Hand Outline Rounded アイコン
Waving Hand Outline Rounded アイコン のよくある質問
Waving Hand Outline Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Waving Hand Outline Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:waving-hand-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Waving Hand Outline Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/waving-hand-outline-rounded.svg" alt="Waving Hand Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。