Circle Hint 48 Regular アイコン
fluent:circle-hint-48-regular
Circle Hint 48 Regular アイコン(fluent:circle-hint-48-regular)は、Fluent UI System Icons セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 48 × 48 のグリッドで描かれています。 Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent UI System Icons
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- circlehint、hintregular、circlehintregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M15.282 7.528c-.283-.682-1.092-.978-1.722-.592a20.1 20.1 0 0 0-6.626 6.625c-.386.63-.09 1.44.592 1.722c.597.247 1.28 0 1.622-.548a17.6 17.6 0 0 1 5.586-5.585c.547-.342.795-1.025.548-1.622m4.767-.581c-.629.145-1.287-.163-1.534-.76c-.283-.682.08-1.463.798-1.635A20 20 0 0 1 23.997 4c1.614 0 3.183.191 4.687.552c.718.173 1.08.954.798 1.636c-.247.597-.906.905-1.535.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.948.447m20.419 8.336c-.597.248-1.28 0-1.622-.548a17.6 17.6 0 0 0-5.584-5.584c-.547-.342-.795-1.025-.547-1.621c.282-.683 1.092-.979 1.721-.593a20.1 20.1 0 0 1 6.624 6.625c.386.63.09 1.439-.592 1.721m1.341 14.2c-.597-.247-.904-.905-.76-1.535a17.6 17.6 0 0 0 .001-7.897c-.145-.63.162-1.287.76-1.535c.681-.282 1.463.08 1.635.798c.361 1.503.552 3.072.552 4.686a20 20 0 0 1-.552 4.685c-.172.718-.954 1.081-1.636.798M32.715 40.47c-.247-.596 0-1.28.548-1.621a17.6 17.6 0 0 0 5.584-5.585c.342-.547 1.024-.795 1.621-.548c.683.283.979 1.092.592 1.722a20.1 20.1 0 0 1-6.623 6.624c-.63.387-1.44.09-1.722-.592m-14.2 1.342c.246-.597.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.155 3.95-.448c.63-.145 1.288.163 1.535.76c.283.682-.08 1.463-.798 1.636a20 20 0 0 1-4.687.552a20 20 0 0 1-4.685-.552c-.718-.172-1.08-.953-.798-1.636M7.525 32.717c.597-.248 1.28 0 1.622.548a17.6 17.6 0 0 0 5.585 5.585c.548.342.795 1.025.548 1.621c-.282.683-1.092.979-1.722.593a20.1 20.1 0 0 1-6.625-6.626c-.386-.63-.09-1.439.592-1.721m-1.34-14.201c.596.247.904.905.759 1.535A17.6 17.6 0 0 0 6.497 24c0 1.358.155 2.68.447 3.949c.146.63-.162 1.288-.759 1.535c-.682.282-1.464-.08-1.636-.798A20 20 0 0 1 3.997 24c0-1.614.191-3.183.552-4.686c.172-.718.954-1.08 1.636-.798"/></svg>
Circle Hint 48 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:circle-hint-48-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:circle-hint-48-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:circle-hint-48-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--circle-hint-48-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:circle-hint-48-regular"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:circle-hint-48-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/circle-hint-48-regular.svg" alt="Circle Hint 48 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Circle Hint 48 Regular アイコン のよくある質問
Circle Hint 48 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Circle Hint 48 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:circle-hint-48-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Circle Hint 48 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/circle-hint-48-regular.svg" alt="Circle Hint 48 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
