Comment Quotes アイコン
foundation:comment-quotes
Comment Quotes アイコン(foundation:comment-quotes)は、Foundation セットの無料 SVG アイコンです（作者: Zurb）。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Foundation
- 作者
- Zurb
- ライセンス
- MIT
- サイズ
- 100 × 100
- タグ
- commentquotes、quote
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M88.466 16.936a3.36 3.36 0 0 0-3.34-3.036H14.781v.009a3.356 3.356 0 0 0-3.247 3.027H11.5v56.342h.068a3.37 3.37 0 0 0 3.214 2.694v.009h11.564v6.744a3.373 3.373 0 0 0 6.173 1.882l8.627-8.627h43.98a3.37 3.37 0 0 0 3.306-2.703h.068V16.936zM28.399 50.662c-3.055 0-5.787-2.405-5.787-6.632c0-4.878 2.667-9.234 6.699-12.095l.014.012a.7.7 0 0 1 .324-.085a.7.7 0 0 1 .43.156l.008-.007l2.703 1.706l-.016.015c.192.131.325.34.325.59a.72.72 0 0 1-.39.633l.002.002l-.046.028l-.012.007c-2.065 1.124-4.26 3.726-4.839 6.046c.26-.13.78-.195 1.301-.195c2.471 0 4.421 1.885 4.421 4.681c.001 2.797-2.341 5.138-5.137 5.138m13.233 0c-3.055 0-5.787-2.405-5.787-6.632c0-4.878 2.667-9.234 6.699-12.095l.014.012a.7.7 0 0 1 .324-.085a.7.7 0 0 1 .43.156l.008-.007l2.703 1.706l-.016.015c.192.131.325.34.325.59a.72.72 0 0 1-.39.633l.002.002l-.046.028l-.012.007c-2.065 1.124-4.26 3.726-4.839 6.046c.26-.13.78-.195 1.301-.195c2.471 0 4.421 1.885 4.421 4.681s-2.341 5.138-5.137 5.138m15.824 7.187l-.014-.012a.7.7 0 0 1-.324.085a.7.7 0 0 1-.43-.156l-.008.007l-2.703-1.706l.016-.015a.71.71 0 0 1-.325-.59c0-.277.161-.511.39-.633l-.002-.002l.046-.028l.012-.007c2.065-1.124 4.26-3.726 4.839-6.046c-.26.13-.78.195-1.301.195c-2.471 0-4.421-1.885-4.421-4.681s2.342-5.137 5.138-5.137c3.055 0 5.787 2.405 5.787 6.632c-.001 4.877-2.668 9.233-6.7 12.094m13.233 0l-.014-.012a.7.7 0 0 1-.324.085a.7.7 0 0 1-.43-.156l-.008.007l-2.703-1.706l.016-.015a.71.71 0 0 1-.325-.59c0-.277.161-.511.39-.633l-.002-.002l.046-.028l.012-.007c2.065-1.124 4.26-3.726 4.839-6.046c-.26.13-.78.195-1.301.195c-2.471 0-4.421-1.885-4.421-4.681s2.342-5.137 5.138-5.137c3.055 0 5.787 2.405 5.787 6.632c-.001 4.877-2.668 9.233-6.7 12.094"/></svg>Comment Quotes アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:comment-quotes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:comment-quotes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:comment-quotes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--comment-quotes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:comment-quotes"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:comment-quotes"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/foundation/comment-quotes.svg" alt="Comment Quotes アイコン" width="24" height="24">Foundation の関連アイコン
Comment Quotes アイコン のよくある質問
Comment Quotes アイコンは商用利用でも無料ですか?
はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Comment Quotes アイコンを使うには?
@iconify/react をインストールして <Icon icon="foundation:comment-quotes" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Comment Quotes アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/foundation/comment-quotes.svg" alt="Comment Quotes アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。