Иконка Balloon

reicon:balloon

Иконка Balloon (reicon:balloon) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Интерфейс

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.506 5.25a.75.75 0 0 0-.012 1.5a2.285 2.285 0 0 1 2.256 2.256a.75.75 0 0 0 1.5-.012a3.785 3.785 0 0 0-3.744-3.744"/><path fill-rule="evenodd" d="M3.81 9.685c-.036-4.671 3.613-8.473 8.196-8.435c4.573.038 8.268 3.885 8.304 8.548c.03 3.908-2.625 7.634-6.245 8.67q.064.128.102.247c.332 1.062-.356 2.131-1.417 2.347V22.5a.75.75 0 0 1-1.5 0v-1.438c-1.06-.216-1.749-1.285-1.417-2.347q.043-.133.116-.277c-3.592-1.09-6.108-4.871-6.138-8.753m8.184-6.935c-3.7-.03-6.714 3.044-6.683 6.923c.03 3.969 3.058 7.547 6.695 7.577c3.655.03 6.835-3.511 6.804-7.44c-.03-3.888-3.105-7.029-6.816-7.06m0 16q.26.002.514-.014l.027.052l.164.3l.037.077c.05.168-.05.38-.286.427c0 0-.023.004-.096.006L12 19.6c-.165 0-.273 0-.353-.002c-.074-.002-.097-.006-.097-.006c-.237-.047-.336-.26-.286-.427c.002-.005.011-.026.037-.077c.036-.069.086-.16.165-.3l.03-.06q.246.02.498.022" clip-rule="evenodd"/></g></svg>

Как использовать иконку Balloon

React

import { Icon } from "@iconify/react";

<Icon icon="reicon:balloon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="reicon:balloon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="reicon:balloon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--balloon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:balloon"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:balloon"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/reicon/balloon.svg" alt="Иконка Balloon" width="24" height="24">

Иконка Balloon в других наборах

Вопросы и ответы: Иконка Balloon

Можно ли бесплатно использовать иконку Balloon в коммерческих проектах?

Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Balloon в React?

Установите @iconify/react и выведите <Icon icon="reicon:balloon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Balloon на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/balloon.svg" alt="Иконка Balloon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Reicon →