Message Question Sharp Fill アイコン
keyline-icons:message-question-sharp-fill
Message Question Sharp Fill アイコン(keyline-icons:message-question-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- messagequestion、questionsharp、sharpfill、messagequestionsharpfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.7234 19.8057L5.4389 21.8985C5.3022 21.9653 5.1521 22 5 22C4.4835 22 4.052 21.6067 4.0043 21.0924L3.6081 16.825C1.9807 15.2413 1 13.081 1 11C1 6.1011 6.1264 2 12 2C17.8736 2 23 6.1011 23 11C23 15.8989 17.8736 20 12 20C11.237 19.9987 10.4755 19.9337 9.7234 19.8057ZM9.4 9.6L11.4 9.6L11.4 8.6C11.4 8.2686 11.6686 7.9999 12 7.9999C12.3314 7.9999 12.6001 8.2685 12.6001 8.5999C12.6001 8.8422 12.4544 9.0607 12.2308 9.1538C11.4855 9.4643 11 10.1926 11 11L11 12L13 12L13 11C13.9689 10.5963 14.6001 9.6496 14.6001 8.5999C14.6001 7.164 13.436 5.9999 12.0001 5.9999C10.5641 5.9999 9.4 7.164 9.4 8.6L9.4 9.6ZM13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15Z" clip-rule="evenodd"/></svg>Message Question Sharp Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:message-question-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:message-question-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:message-question-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--message-question-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:message-question-sharp-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:message-question-sharp-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/message-question-sharp-fill.svg" alt="Message Question Sharp Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
message
message-check
message-check-duotone
message-check-fill
message-check-sharp
message-check-sharp-duotone
message-check-sharp-fill
message-check-sharp-two-tone
message-check-two-tone
message-dot
message-dot-duotone
message-dot-fill
message-dot-sharp
message-dot-sharp-duotone
message-dot-sharp-fill
message-dot-sharp-two-tone
message-dot-two-tone
message-duotone
message-fill
message-lines
message-lines-duotone
message-lines-fill
message-lines-sharp
message-lines-sharp-duotone
Message Question Sharp Fill アイコン のよくある質問
Message Question Sharp Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Message Question Sharp Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:message-question-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Message Question Sharp Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/message-question-sharp-fill.svg" alt="Message Question Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。