Mayura Gesture アイコン
icon-park:mayura-gesture
Mayura Gesture アイコン(icon-park:mayura-gesture)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IconPark
- 作者
- ByteDance
- ライセンス
- Apache-2.0
- サイズ
- 48 × 48
- カテゴリ
- 手
- タグ
- mayuragesture
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M20.9951 36L19.0937 31.9908L24.2032 31.5728C26.2913 31.5728 27.984 29.8795 27.984 27.7906C27.984 25.7017 26.2913 24.0083 24.2032 24.0083C20.4565 24.0083 17.7211 24.0083 15.9972 24.0083C12.6087 24.0083 9 27.584 9 31.0421C9 34.5003 9.78742 36.4809 10.6467 38.3387C11.506 40.1966 13.7968 44 20.0016 44C23.986 44 23.4272 44 28.9545 44C34.2029 44 38 39.1454 37.987 33C37.9789 29.1696 37.9814 23.5029 37.9944 16C37.9973 14.3482 36.6606 13.0068 35.0088 13.0039L35.0036 13.0039C33.3521 13.0039 32.0134 14.3427 32.0134 15.9942C32.0134 15.9962 32.0134 15.9982 32.0134 16.0002C32.0238 21.141 32.029 24.1579 32.029 25.051C32.029 27.9448 30.6885 28.9421 28.0074 28.0431M25.9546 24L25.9945 6.99998C25.9984 5.34703 24.6616 4.00389 23.0086 4.00001C23.0063 4 23.0039 4 23.0016 4C21.3447 4 20.0016 5.34314 20.0016 6.99999V23.0401"/><path d="M14.0059 24.0002V10.0002C14.0059 8.34567 15.3471 7.00439 17.0017 7.00439C17.0031 7.00439 17.0045 7.0044 17.0059 7.0044C18.6634 7.0067 20.0059 8.35105 20.0059 10.0086V24.0002"/><path d="M26.0073 20.0195V19.0195C26.0073 17.3627 27.3505 16.0195 29.0073 16.0195C30.6642 16.0195 32.0073 17.3627 32.0073 19.0195V20.0195"/></g></svg>Mayura Gesture アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:mayura-gesture" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:mayura-gesture" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:mayura-gesture" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--mayura-gesture]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:mayura-gesture"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:mayura-gesture"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/icon-park/mayura-gesture.svg" alt="Mayura Gesture アイコン" width="24" height="24">他のアイコンセットの Mayura Gesture アイコン
Mayura Gesture アイコン のよくある質問
Mayura Gesture アイコンは商用利用でも無料ですか?
はい。IconPark icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mayura Gesture アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:mayura-gesture" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mayura Gesture アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/mayura-gesture.svg" alt="Mayura Gesture アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。