Text Bubbles アイコン
pepicons-print:text-bubbles
Text Bubbles アイコン(pepicons-print:text-bubbles)は、Pepicons Print セットの無料 SVG アイコンです（作者: CyCraft）。 20 × 20 のグリッドで描かれています。 Pepicons Print icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pepicons Print
- 作者
- CyCraft
- ライセンス
- CC-BY-4.0
- サイズ
- 20 × 20
- タグ
- textbubbles、bubble
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor"><path d="M17.67 10.17h-2v-3C15.67 5.98 14.7 5 13.5 5H5.17C3.98 5 3 5.97 3 7.17v4.25c0 1.19.96 2.17 2.16 2.17h.15c.2.72.58 1.58 1.28 1.58c.6 0 1.76-.94 2.48-1.58H10v1.82c0 1.01.82 1.83 1.83 1.83h2.67c.68.61 1.54 1.27 2.02 1.27c.59 0 .92-.68 1.1-1.27h.04c1.01 0 1.83-.82 1.83-1.83v-3.4c0-1.01-.82-1.83-1.83-1.83z" opacity=".2"/><path d="M5.54 8.383a.833.833 0 1 0 0-1.666a.833.833 0 0 0 0 1.666m2.498 0a.833.833 0 1 0 0-1.666a.833.833 0 0 0 0 1.666m2.499 0a.833.833 0 1 0 0-1.666a.833.833 0 0 0 0 1.666"/><path d="M5.298 13.47c-.69 0-1.08-.87-1.28-1.58h-.15A2.173 2.173 0 0 1 1.7 9.72V5.47c.01-1.2.99-2.17 2.179-2.17h8.325c1.189 0 2.168.97 2.168 2.17v4.25c0 1.19-.97 2.17-2.168 2.17H7.776c-.72.65-1.879 1.58-2.478 1.58M3.878 4.3c-.639 0-1.169.52-1.169 1.17v4.25c0 .64.51 1.17 1.16 1.17h.95l.08.4c.099.47.299 1 .439 1.17c.32-.13 1.17-.76 1.909-1.43l.14-.13h4.817c.64 0 1.169-.52 1.169-1.17V5.47c0-.64-.52-1.17-1.17-1.17z"/><path d="M15.232 16.8c-.49 0-1.34-.66-2.019-1.27h-2.668a1.83 1.83 0 0 1-1.83-1.83c0-.28.22-.5.5-.5s.5.22.5.5c0 .46.37.83.83.83h3.058l.14.13c.53.48 1.139.95 1.419 1.09c.1-.17.23-.52.29-.83l.08-.4h.84c.459 0 .829-.37.829-.83v-3.4c0-.46-.37-.83-.83-.83c-.28 0-.5-.22-.5-.5s.22-.5.5-.5c1.01 0 1.829.82 1.829 1.83v3.4c0 1.01-.82 1.83-1.829 1.83h-.04c-.17.59-.5 1.27-1.1 1.27z"/></g></svg>
Text Bubbles アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-print:text-bubbles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-print:text-bubbles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-print:text-bubbles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-print--text-bubbles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-print -->
<div class="i-pepicons-print:text-bubbles"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-print:text-bubbles"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/pepicons-print/text-bubbles.svg" alt="Text Bubbles アイコン" width="24" height="24">
他のアイコンセットの Text Bubbles アイコン
Text Bubbles アイコン のよくある質問
Text Bubbles アイコンは商用利用でも無料ですか?
はい。Pepicons Print icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Text Bubbles アイコンを使うには?
@iconify/react をインストールして <Icon icon="pepicons-print:text-bubbles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Text Bubbles アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pepicons-print/text-bubbles.svg" alt="Text Bubbles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pepicons Print アイコン をすべて見る →
ICONYZ
