Иконка Text Bubbles
pepicons-print:text-bubbles
Иконка Text Bubbles (pepicons-print:text-bubbles) — бесплатная SVG-иконка из набора Pepicons Print от 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>
Веб-компонент
<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">
Похожие иконки в наборе Pepicons Print
Иконка Text Bubbles в других наборах
Вопросы и ответы: Иконка Text Bubbles
Можно ли бесплатно использовать иконку Text Bubbles в коммерческих проектах?
Да. Pepicons Print icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Text Bubbles в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Pepicons Print →
ICONYZ
