Cursor Bold Duotone アイコン

Q: Cursor Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:cursor-bold-duotone

Cursor Bold Duotone アイコン(solar:cursor-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: UI
タグ: cursorbold、boldduotone、cursorboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M11.4334 16.4643L12.6361 15.2616L15.2616 12.6361L16.4643 11.4334C17.6955 10.2022 18.3111 9.58656 18.1658 8.92489C18.0204 8.26322 17.2035 7.96225 15.5696 7.3603L10.1205 5.35271C6.86106 4.15187 5.23136 3.55146 4.39141 4.39141C3.55146 5.23136 4.15187 6.86106 5.3527 10.1205L7.3603 15.5696C7.96225 17.2035 8.26322 18.0204 8.92489 18.1658C9.58656 18.3111 10.2022 17.6955 11.4334 16.4643Z" clip-rule="evenodd"/><path d="M12.6357 15.2618L16.574 19.2001C16.9818 19.6079 17.1857 19.8117 17.4132 19.906C17.7164 20.0316 18.0572 20.0316 18.3605 19.906C18.5879 19.8117 18.7918 19.6078 19.1996 19.2001C19.6074 18.7923 19.8113 18.5884 19.9055 18.3609C20.0311 18.0577 20.0311 17.7169 19.9055 17.4137C19.8113 17.1862 19.6074 16.9823 19.1996 16.5745L15.2613 12.6362L12.6357 15.2618Z" opacity=".5"/></g></svg>

Cursor Bold Duotone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:cursor-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:cursor-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:cursor-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cursor-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cursor-bold-duotone"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:cursor-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/cursor-bold-duotone.svg" alt="Cursor Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

Cursor Bold Duotone アイコンのよくある質問

Cursor Bold Duotone アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Cursor Bold Duotone アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:cursor-bold-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Cursor Bold Duotone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/cursor-bold-duotone.svg" alt="Cursor Bold Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →