Иконка Chatbubble Sharp
famicons:chatbubble-sharp
Иконка Chatbubble Sharp (famicons:chatbubble-sharp) — бесплатная SVG-иконка из набора Famicons от Family. Она нарисована на сетке 512 × 512. Famicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M475.22 206.52c-10.34-48.65-37.76-92.93-77.22-124.68A227.4 227.4 0 0 0 255.82 32C194.9 32 138 55.47 95.46 98.09C54.35 139.33 31.82 193.78 32 251.37a215.66 215.66 0 0 0 35.65 118.76l4.35 6.05L48 480l114.8-28.56s2.3.77 4 1.42s16.33 6.26 31.85 10.6c12.9 3.6 39.74 9 60.77 9c59.65 0 115.35-23.1 156.83-65.06C457.36 365.77 480 310.42 480 251.49a213.5 213.5 0 0 0-4.78-44.97"/></svg>Как использовать иконку Chatbubble Sharp
React
import { Icon } from "@iconify/react";
<Icon icon="famicons:chatbubble-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="famicons:chatbubble-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="famicons:chatbubble-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[famicons--chatbubble-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/famicons -->
<div class="i-famicons:chatbubble-sharp"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="famicons:chatbubble-sharp"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/famicons/chatbubble-sharp.svg" alt="Иконка Chatbubble Sharp" width="24" height="24">Похожие иконки в наборе Famicons
Иконка Chatbubble Sharp в других наборах
Вопросы и ответы: Иконка Chatbubble Sharp
Можно ли бесплатно использовать иконку Chatbubble Sharp в коммерческих проектах?
Да. Famicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Chatbubble Sharp в React?
Установите @iconify/react и выведите <Icon icon="famicons:chatbubble-sharp" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Chatbubble Sharp на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/famicons/chatbubble-sharp.svg" alt="Иконка Chatbubble Sharp">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.