Checkmark Circle Hint 48 Regular アイコン
fluent:checkmark-circle-hint-48-regular
Checkmark Circle Hint 48 Regular アイコン(fluent:checkmark-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
- タグ
- checkmarkcircle、circlehint、hintregular、checkmarkcirclehintregular
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M27.946 41.053c.63-.145 1.288.162 1.535.759c.283.682-.08 1.463-.797 1.635a20 20 0 0 1-4.688.553a20 20 0 0 1-4.684-.552c-.719-.172-1.08-.953-.798-1.636c.247-.596.904-.904 1.534-.76c1.269.293 2.59.448 3.948.448s2.68-.154 3.95-.447m-20.42-8.336c.596-.247 1.278 0 1.62.548a17.6 17.6 0 0 0 5.586 5.585c.548.342.795 1.025.548 1.622c-.282.682-1.092.977-1.721.591a20.1 20.1 0 0 1-6.626-6.625c-.386-.63-.09-1.439.592-1.721m31.32.548c.342-.548 1.024-.796 1.62-.55c.683.283.98 1.094.594 1.723a20.1 20.1 0 0 1-6.625 6.624c-.63.386-1.439.09-1.721-.592c-.247-.597 0-1.279.548-1.621a17.6 17.6 0 0 0 5.584-5.584m-7.98-15.649a1.25 1.25 0 0 1 1.768 1.768l-11 11a1.25 1.25 0 0 1-1.768 0l-4.5-4.5a1.25 1.25 0 0 1 1.768-1.768l3.616 3.616zM4.548 19.314c.172-.718.954-1.08 1.637-.798c.596.247.904.905.758 1.535A17.6 17.6 0 0 0 6.496 24c0 1.358.155 2.68.447 3.95c.145.628-.162 1.286-.758 1.533c-.683.283-1.465-.08-1.637-.797A20 20 0 0 1 3.996 24c0-1.614.191-3.183.552-4.686m37.26-.797c.682-.283 1.464.08 1.636.797c.361 1.503.552 3.072.552 4.686s-.19 3.183-.552 4.686c-.172.717-.953 1.08-1.635.797c-.597-.247-.905-.905-.76-1.535c.292-1.269.447-2.59.447-3.948s-.154-2.68-.447-3.95c-.145-.628.162-1.286.759-1.533M13.558 6.936c.63-.386 1.44-.09 1.722.592c.247.597 0 1.28-.548 1.622a17.6 17.6 0 0 0-5.585 5.585c-.342.548-1.025.795-1.622.548c-.682-.282-.977-1.092-.591-1.721a20.1 20.1 0 0 1 6.625-6.626m19.156.593c.283-.682 1.092-.978 1.721-.591a20.1 20.1 0 0 1 6.625 6.624c.386.63.09 1.439-.593 1.721c-.597.247-1.279 0-1.621-.548a17.6 17.6 0 0 0-5.584-5.584c-.548-.342-.795-1.025-.548-1.622M23.996 4c1.614 0 3.183.19 4.687.552c.718.172 1.08.954.797 1.636c-.247.597-.904.904-1.534.76a17.6 17.6 0 0 0-3.95-.448c-1.357 0-2.679.155-3.947.447c-.63.145-1.288-.163-1.535-.76c-.283-.682.08-1.463.797-1.635A20 20 0 0 1 23.996 4"/></svg>
Checkmark Circle Hint 48 Regular アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:checkmark-circle-hint-48-regular" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:checkmark-circle-hint-48-regular" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:checkmark-circle-hint-48-regular" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--checkmark-circle-hint-48-regular]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:checkmark-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:checkmark-circle-hint-48-regular"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/checkmark-circle-hint-48-regular.svg" alt="Checkmark Circle Hint 48 Regular アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Checkmark Circle Hint 48 Regular アイコン のよくある質問
Checkmark Circle Hint 48 Regular アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Checkmark Circle Hint 48 Regular アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:checkmark-circle-hint-48-regular" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Checkmark Circle Hint 48 Regular アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/checkmark-circle-hint-48-regular.svg" alt="Checkmark Circle Hint 48 Regular アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
