Cursor Default Gesture アイコン
mdi:cursor-default-gesture
Cursor Default Gesture アイコン(mdi:cursor-default-gesture)は、Material Design Icons セットの無料 SVG アイコンです（作者: Pictogrammers）。 24 × 24 のグリッドで描かれています。 Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Design Icons
- 作者
- Pictogrammers
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- cursordefault、defaultgesture、cursordefaultgesture
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.59 8c-.33 0-.59.27-.59.6v8.97a.593.593 0 0 0 .96.47l1.49-1.21l1.29 2.83c.1.22.31.34.53.34c.09 0 .17 0 .26-.06l2.14-1.01c.3-.14.44-.5.28-.79l-1.29-2.84l1.87-.36c.12-.03.24-.09.33-.2c.21-.24.18-.62-.09-.85L16 8.13a.74.74 0 0 0-.41-.13M12.5 6.73c.22-.07.67.46 1.09 1.03L15 6.71c-.13-.21-.31-.46-.53-.75c-.16-.21-.88-1.03-1.81-1.16c-.62-.08-1.85.26-2.06 1.81c-.13.97.16 1.58.61 2.47c.25.52.83 1.88.97 2.7c.15.81-.12 1.38-.44 1.34c-.3-.04-.54-.47-.71-.71c-.14-.19-1.03-1.59-1.36-2.18c-.45-.73-1.63-2.27-3.23-2.49c-2.09-.28-3 1.46-3.26 2.62L1 10.06v1.82l1.93.27C2.75 15.6 4.5 16.82 5.67 17c1.25.15 2.41-.72 2.57-1.94c.17-1.22-.68-3.56-3.28-4.37c.14-.54.25-1.26 1.4-1.1c.9.12 1.85 1.67 2.57 2.85c.65 1.09 1.17 1.95 1.9 2.28c.62.28 1.33.25 1.9-.07c.69-.39 1.13-1.1 1.27-2.02c.22-1.73-1.3-4.46-1.43-4.79c-.17-.38-.45-1.02-.07-1.11m-6 8.05c-.07.33-.4.47-.62.44c-.5-.06-1.22-.72-1.17-2.69c1.46.6 1.82 1.82 1.79 2.25"/></svg>
Cursor Default Gesture アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:cursor-default-gesture" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:cursor-default-gesture" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:cursor-default-gesture" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--cursor-default-gesture]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:cursor-default-gesture"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:cursor-default-gesture"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/mdi/cursor-default-gesture.svg" alt="Cursor Default Gesture アイコン" width="24" height="24">
Material Design Icons の関連アイコン
Cursor Default Gesture アイコン のよくある質問
Cursor Default Gesture アイコンは商用利用でも無料ですか?
はい。Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cursor Default Gesture アイコンを使うには?
@iconify/react をインストールして <Icon icon="mdi:cursor-default-gesture" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cursor Default Gesture アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mdi/cursor-default-gesture.svg" alt="Cursor Default Gesture アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Design Icons をすべて見る →
ICONYZ
