Иконка Hands Bubbles
fa6-solid:hands-bubbles
Иконка Hands Bubbles (fa6-solid:hands-bubbles) — бесплатная SVG-иконка из набора Font Awesome 6 Solid от Dave Gandy. Она нарисована на сетке 576 × 512. Font Awesome 6 Solid icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome 6 Solid
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 576 × 512
- Теги
- handsbubbles, hand, bubble
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="576" height="512" viewBox="0 0 576 512"><path fill="currentColor" d="M416 64a32 32 0 1 0 0-64a32 32 0 1 0 0 64m96 128a32 32 0 1 0 0-64a32 32 0 1 0 0 64M160 464a48 48 0 1 0-96 0a48 48 0 1 0 96 0M32 160l.1 72.6c.1 52.2 24 101 64 133.1c-.1-1.9-.1-3.8-.1-5.7v-8c0-71.8 37-138.6 97.9-176.7l60.2-37.6c8.6-5.4 17.9-8.4 27.3-9.4l45.9-79.5c6.6-11.5 2.7-26.2-8.8-32.8s-26.2-2.7-32.8 8.8l-78 135.1c-3.3 5.7-10.7 7.7-16.4 4.4s-7.7-10.7-4.4-16.4l62-107.4c6.6-11.5 2.7-26.2-8.8-32.8S214 5 207.4 16.5l-68 117.8l-43.3 75L96 160c0-17.7-14.4-32-32-32s-32 14.4-32 32m300.1-71.5L307.5 131c13.9 4.5 26.4 13.7 34.7 27c.9 1.5 1.8 2.9 2.5 4.4l28.9-50c6.6-11.5 2.7-26.2-8.8-32.8s-26.2-2.7-32.8 8.8zm46.4 63.7l-26.8 46.4c-.6 6-2.1 11.8-4.3 17.4h49.8l23-39.8c6.6-11.5 2.7-26.2-8.8-32.8s-26.2-2.7-32.8 8.8zM315.1 175c-9.4-15-29.1-19.5-44.1-10.2l-60.2 37.6C159.3 234.7 128 291.2 128 352v8c0 8.9.8 17.6 2.2 26.1c35.4 8.2 61.8 40 61.8 77.9c0 6.3-.7 12.5-2.1 18.4C215.1 501 246.3 512 280 512h176c13.3 0 24-10.7 24-24s-10.7-24-24-24h-92c-6.6 0-12-5.4-12-12s5.4-12 12-12h124c13.3 0 24-10.7 24-24s-10.7-24-24-24H364c-6.6 0-12-5.4-12-12s5.4-12 12-12h156c13.3 0 24-10.7 24-24s-10.7-24-24-24H364c-6.6 0-12-5.4-12-12s5.4-12 12-12h124c13.3 0 24-10.7 24-24s-10.7-24-24-24H258.8l46.2-28.9c15-9.4 19.5-29.1 10.2-44.1z"/></svg>
Как использовать иконку Hands Bubbles
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-solid:hands-bubbles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-solid:hands-bubbles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-solid:hands-bubbles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-solid--hands-bubbles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-solid -->
<div class="i-fa6-solid:hands-bubbles"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-solid:hands-bubbles"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa6-solid/hands-bubbles.svg" alt="Иконка Hands Bubbles" width="24" height="24">
Похожие иконки в наборе Font Awesome 6 Solid
Иконка Hands Bubbles в других наборах
Вопросы и ответы: Иконка Hands Bubbles
Можно ли бесплатно использовать иконку Hands Bubbles в коммерческих проектах?
Да. Font Awesome 6 Solid icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Hands Bubbles в React?
Установите @iconify/react и выведите <Icon icon="fa6-solid:hands-bubbles" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hands Bubbles на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa6-solid/hands-bubbles.svg" alt="Иконка Hands Bubbles">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Font Awesome 6 Solid →
ICONYZ
