Cursor Window Sharp Duotone アイコン
keyline-icons:cursor-window-sharp-duotone
Cursor Window Sharp Duotone アイコン(keyline-icons:cursor-window-sharp-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- cursorwindow、windowsharp、sharpduotone、cursorwindowsharpduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path stroke-opacity=".4" d="M10 20H3V3H20V10M6 7H10"/><path fill="currentColor" d="M9.84768 9.81429C10.1219 9.5446 10.5269 9.45623 10.8887 9.58675L21.3399 13.3582C21.7161 13.4942 21.9748 13.8417 21.9981 14.2411C22.0212 14.6405 21.8043 15.0156 21.4463 15.1942L17.377 17.2205L15.0176 21.4832C14.8261 21.8289 14.4484 22.0295 14.0547 21.995C13.6613 21.9602 13.3246 21.6976 13.1963 21.3241L9.60257 10.8514C9.47793 10.4876 9.57368 10.0841 9.84768 9.81429Z" stroke="none"/></g></svg>Cursor Window Sharp Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:cursor-window-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:cursor-window-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:cursor-window-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--cursor-window-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cursor-window-sharp-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:cursor-window-sharp-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-window-sharp-duotone.svg" alt="Cursor Window Sharp Duotone アイコン" width="24" height="24">Keyline Icons の関連アイコン
cursor
cursor-click
cursor-click-duotone
cursor-click-fill
cursor-click-sharp
cursor-click-sharp-duotone
cursor-click-sharp-fill
cursor-click-sharp-two-tone
cursor-click-two-tone
cursor-dashed-panel
cursor-dashed-panel-duotone
cursor-dashed-panel-fill
cursor-dashed-panel-sharp
cursor-dashed-panel-sharp-duotone
cursor-dashed-panel-sharp-fill
cursor-dashed-panel-sharp-two-tone
cursor-dashed-panel-two-tone
cursor-duotone
cursor-fill
cursor-off
cursor-off-duotone
cursor-off-fill
cursor-off-sharp
cursor-off-sharp-duotone
Cursor Window Sharp Duotone アイコン のよくある質問
Cursor Window Sharp Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cursor Window Sharp Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:cursor-window-sharp-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cursor Window Sharp Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-window-sharp-duotone.svg" alt="Cursor Window Sharp Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。