Circle Hint Cursor 16 Filled アイコン

Q: Circle Hint Cursor 16 Filled アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent:circle-hint-cursor-16-filled

Circle Hint Cursor 16 Filled アイコン(fluent:circle-hint-cursor-16-filled)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 16 × 16 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent UI System Icons
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 16 × 16
タグ: circlehint、hintcursor、cursorfilled、circlehintcursorfilled

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M3.926 2.307c.368-.264.869-.086 1.042.333c.145.35.006.751-.297.981a5.5 5.5 0 0 0-1.05 1.051c-.23.303-.63.443-.982.297c-.419-.173-.596-.674-.333-1.042a7 7 0 0 1 1.62-1.62m2.428-.242c.145.351.527.535.904.485a5.6 5.6 0 0 1 1.484 0c.377.05.759-.134.905-.485c.173-.418-.055-.898-.502-.972a7 7 0 0 0-2.29 0c-.446.074-.675.554-.501.972m6.025 2.607c.23.302.63.442.982.296c.418-.173.596-.674.332-1.042a7 7 0 0 0-1.618-1.619c-.369-.264-.87-.086-1.043.333c-.145.35-.006.751.297.981c.395.301.749.655 1.05 1.05m1.071 4.072c-.05.376.133.758.485.904c.418.173.898-.055.972-.502a7 7 0 0 0 0-2.29c-.073-.447-.553-.675-.972-.502c-.351.145-.535.527-.485.904a5.6 5.6 0 0 1 0 1.486m-9.828 2.585c-.23-.302-.63-.442-.982-.296c-.418.173-.596.674-.332 1.042a7 7 0 0 0 1.617 1.618c.369.264.87.086 1.043-.333c.145-.35.006-.751-.297-.981a5.5 5.5 0 0 1-1.05-1.05M2.549 7.26c.051-.377-.133-.759-.484-.904c-.419-.173-.899.055-.972.502a7 7 0 0 0 0 2.288c.074.447.554.675.972.502c.351-.145.536-.527.485-.904a5.6 5.6 0 0 1 0-1.484m6.307-.113a.5.5 0 0 0-.852.354L8 15.5a.5.5 0 0 0 .9.301l1.994-2.647l3.497.776a.5.5 0 0 0 .46-.843z"/></svg>

Circle Hint Cursor 16 Filled アイコンの使い方

React

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

<Icon icon="fluent:circle-hint-cursor-16-filled" width="24" />

Vue

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

<template>
  <Icon icon="fluent:circle-hint-cursor-16-filled" width="24" />
</template>

Svelte

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

<Icon icon="fluent:circle-hint-cursor-16-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--circle-hint-cursor-16-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:circle-hint-cursor-16-filled"></div>

Web コンポーネント

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

<iconify-icon icon="fluent:circle-hint-cursor-16-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent/circle-hint-cursor-16-filled.svg" alt="Circle Hint Cursor 16 Filled アイコン" width="24" height="24">

Fluent UI System Icons の関連アイコン

Circle Hint Cursor 16 Filled アイコンのよくある質問

Circle Hint Cursor 16 Filled アイコンは商用利用でも無料ですか?

はい。Fluent UI System Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Circle Hint Cursor 16 Filled アイコンを使うには?

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

Circle Hint Cursor 16 Filled アイコンをウェブページに追加するには?

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

Fluent UI System Icons をすべて見る →