Cursor Click Remix アイコン
streamline-flex:cursor-click-remix
Cursor Click Remix アイコン(streamline-flex:cursor-click-remix)は、Flex free icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- コンピューター・デバイス
- タグ
- cursorclick、clickremix、cursorclickremix
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M4.694.899a.875.875 0 0 0-1.69.452l.33 1.238a.875.875 0 1 0 1.691-.453zM.279 3.623a.875.875 0 0 0 .618 1.072l1.238.331a.875.875 0 0 0 .453-1.69L1.35 3.004a.875.875 0 0 0-1.071.619m.886 4.58a.875.875 0 0 0 1.237 0l.906-.906A.875.875 0 0 0 2.07 6.06l-.906.906a.875.875 0 0 0 0 1.237m7.037-7.038a.875.875 0 0 1 0 1.238l-.906.906A.875.875 0 0 1 6.06 2.07l.906-.906a.875.875 0 0 1 1.237 0m4.226 6.656c-2.45-2.037-5.462-2.49-6.887-2.356a.08.08 0 0 0-.053.022a.08.08 0 0 0-.022.053c-.133 1.425.319 4.438 2.356 6.887q.023.027.038.037l.001-.002c.224-.513.466-1.2.665-1.807a.625.625 0 0 1 1.036-.247l1.916 1.917a.6.6 0 0 0 .848-.847L10.409 9.56a.625.625 0 0 1 .247-1.036c.607-.2 1.294-.44 1.807-.665h.002a.2.2 0 0 0-.037-.04m-7.004-3.6c1.713-.16 5.067.363 7.804 2.639c.338.28.536.695.495 1.13c-.041.45-.327.827-.76 1.015c-.29.128-.624.257-.963.38l1.21 1.209a1.85 1.85 0 0 1-2.616 2.615l-1.209-1.21a15 15 0 0 1-.379.964c-.188.432-.565.718-1.014.76c-.436.04-.85-.158-1.131-.496c-2.276-2.737-2.8-6.091-2.64-7.804c.06-.642.56-1.142 1.203-1.203" clip-rule="evenodd"/></svg>Cursor Click Remix アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex:cursor-click-remix" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex:cursor-click-remix" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex:cursor-click-remix" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex--cursor-click-remix]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex -->
<div class="i-streamline-flex:cursor-click-remix"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex:cursor-click-remix"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex/cursor-click-remix.svg" alt="Cursor Click Remix アイコン" width="24" height="24">Flex free icons の関連アイコン
他のアイコンセットの Cursor Click Remix アイコン
Cursor Click Remix アイコン のよくある質問
Cursor Click Remix アイコンは商用利用でも無料ですか?
はい。Flex free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cursor Click Remix アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex:cursor-click-remix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cursor Click Remix アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex/cursor-click-remix.svg" alt="Cursor Click Remix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。