Иконка Text Bubbles Circle Filled
pepicons-print:text-bubbles-circle-filled
Иконка Text Bubbles Circle Filled (pepicons-print:text-bubbles-circle-filled) — бесплатная SVG-иконка из набора Pepicons Print от CyCraft. Она нарисована на сетке 26 × 26. Pepicons Print icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Pepicons Print
- Автор
- CyCraft
- Лицензия
- CC-BY-4.0
- Размер
- 26 × 26
- Теги
- textbubbles, bubblescircle, circlefilled, textbubblescirclefilled, bubble
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><g fill="currentColor"><path d="M26 14c0 6.627-5.373 12-12 12S2 20.627 2 14S7.373 2 14 2s12 5.373 12 12" opacity=".2"/><path d="M8.54 11.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="M8.298 16.47c-.69 0-1.08-.87-1.28-1.58h-.15A2.173 2.173 0 0 1 4.7 12.72V8.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.17h-4.428c-.72.65-1.879 1.58-2.478 1.58M6.878 7.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.17V8.47c0-.64-.52-1.17-1.17-1.17z"/><path d="M18.232 19.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"/><path fill-rule="evenodd" d="M13 24.5c6.351 0 11.5-5.149 11.5-11.5S19.351 1.5 13 1.5S1.5 6.649 1.5 13S6.649 24.5 13 24.5m0 1c6.904 0 12.5-5.596 12.5-12.5S19.904.5 13 .5S.5 6.096.5 13S6.096 25.5 13 25.5" clip-rule="evenodd"/></g></svg>
Как использовать иконку Text Bubbles Circle Filled
React
import { Icon } from "@iconify/react";
<Icon icon="pepicons-print:text-bubbles-circle-filled" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pepicons-print:text-bubbles-circle-filled" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pepicons-print:text-bubbles-circle-filled" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pepicons-print--text-bubbles-circle-filled]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pepicons-print -->
<div class="i-pepicons-print:text-bubbles-circle-filled"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pepicons-print:text-bubbles-circle-filled"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/pepicons-print/text-bubbles-circle-filled.svg" alt="Иконка Text Bubbles Circle Filled" width="24" height="24">
Похожие иконки в наборе Pepicons Print
Иконка Text Bubbles Circle Filled в других наборах
Вопросы и ответы: Иконка Text Bubbles Circle Filled
Можно ли бесплатно использовать иконку Text Bubbles Circle Filled в коммерческих проектах?
Да. Pepicons Print icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Text Bubbles Circle Filled в React?
Установите @iconify/react и выведите <Icon icon="pepicons-print:text-bubbles-circle-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Text Bubbles Circle Filled на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pepicons-print/text-bubbles-circle-filled.svg" alt="Иконка Text Bubbles Circle Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Pepicons Print →
ICONYZ
