Prompt 48 Filled アイコン
fluent:prompt-48-filled
Prompt 48 Filled アイコン(fluent:prompt-48-filled)は、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
- タグ
- promptfilled
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M38.5 11.25a1.25 1.25 0 1 0 2.5 0V9.5h1.75a1.25 1.25 0 1 0 0-2.5H41V5.25a1.25 1.25 0 1 0-2.5 0V7h-1.75a1.25 1.25 0 1 0 0 2.5h1.75zM14.868 6.679C15.154 5.299 16.358 4 18.003 4s2.847 1.298 3.134 2.678c.29 1.4 1.02 3.512 2.847 5.34c1.826 1.826 3.938 2.557 5.337 2.847C30.7 15.152 32 16.355 32 18s-1.298 2.848-2.678 3.135c-1.4.29-3.511 1.022-5.338 2.85c-1.826 1.827-2.556 3.937-2.846 5.335c-.287 1.381-1.49 2.68-3.136 2.68c-1.644 0-2.848-1.297-3.135-2.678c-.29-1.4-1.022-3.513-2.849-5.34c-1.826-1.828-3.938-2.558-5.336-2.848c-1.379-.286-2.676-1.486-2.679-3.128C4 16.358 5.3 15.152 6.683 14.865c1.398-.29 3.51-1.02 5.336-2.848s2.558-3.94 2.849-5.338M19.5 37.75v-3.974a5 5 0 0 1-1.498.224q-.523-.001-1.002-.098v3.848A6.25 6.25 0 0 0 23.25 44h14.5A6.25 6.25 0 0 0 44 37.75v-14.5A6.25 6.25 0 0 0 37.75 17h-3.847q.096.478.097 1a5 5 0 0 1-.224 1.5h3.974a3.75 3.75 0 0 1 3.75 3.75v14.5a3.75 3.75 0 0 1-3.75 3.75h-14.5a3.75 3.75 0 0 1-3.75-3.75m5.5-10.5c0-.69.56-1.25 1.25-1.25h9.5a1.25 1.25 0 1 1 0 2.5h-9.5c-.69 0-1.25-.56-1.25-1.25m1.25 5.25a1.25 1.25 0 1 0 0 2.5h6.5a1.25 1.25 0 1 0 0-2.5zM4 39.75c0-.69.56-1.25 1.25-1.25H7v-1.75a1.25 1.25 0 1 1 2.5 0v1.75h1.75a1.25 1.25 0 1 1 0 2.5H9.5v1.75a1.25 1.25 0 1 1-2.5 0V41H5.25C4.56 41 4 40.44 4 39.75"/></svg>
Prompt 48 Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent:prompt-48-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent:prompt-48-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent:prompt-48-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent--prompt-48-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent -->
<div class="i-fluent:prompt-48-filled"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent:prompt-48-filled"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent/prompt-48-filled.svg" alt="Prompt 48 Filled アイコン" width="24" height="24">
Fluent UI System Icons の関連アイコン
Prompt 48 Filled アイコン のよくある質問
Prompt 48 Filled アイコンは商用利用でも無料ですか?
はい。Fluent UI System Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Prompt 48 Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent:prompt-48-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Prompt 48 Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent/prompt-48-filled.svg" alt="Prompt 48 Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent UI System Icons をすべて見る →
ICONYZ
