Text Bubbles Print アイコン
pepicons:text-bubbles-print
Text Bubbles Print アイコン(pepicons:text-bubbles-print)は、Pepicons セットの無料 SVG アイコンです（作者: CyCraft）。 20 × 20 のグリッドで描かれています。 Pepicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
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.83l.01-.01Z" opacity=".8"/><path d="M5.54 8.383a.833.833 0 1 0 0-1.666a.833.833 0 0 0 0 1.666Zm2.498 0a.833.833 0 1 0 0-1.666a.833.833 0 0 0 0 1.666Zm2.499 0a.833.833 0 1 0 0-1.666a.833.833 0 0 0 0 1.666Z"/><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.58ZM3.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.17H3.88Z"/><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.27v.01Z"/></g></svg>Text Bubbles Print アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons:text-bubbles-print" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons:text-bubbles-print" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons:text-bubbles-print" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons--text-bubbles-print]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons -->
<div class="i-pepicons:text-bubbles-print"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons:text-bubbles-print"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pepicons/text-bubbles-print.svg" alt="Text Bubbles Print アイコン" width="24" height="24">Pepicons の関連アイコン
Text Bubbles Print アイコン のよくある質問
Text Bubbles Print アイコンは商用利用でも無料ですか?
はい。Pepicons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Text Bubbles Print アイコンを使うには?
@iconify/react をインストールして <Icon icon="pepicons:text-bubbles-print" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Text Bubbles Print アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pepicons/text-bubbles-print.svg" alt="Text Bubbles Print アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。