Иконка Bailian

thesvg:bailian

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

Набор: theSVG
Автор: thesvg.org
Лицензия: 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" fill-rule="evenodd"><path fill-opacity=".4" d="M6.336 8.919v6.162l5.335-3.083z"/><path fill-opacity=".8" d="M21.394 5.288s-.006-.006-.01-.006L17.01 2.754L6.336 8.92l5.335 3.082l9.701-5.6l.016-.01a.635.635 0 0 0 .006-1.1z"/><path d="M21.71 12.465a.6.6 0 0 0-.316.085s-.006 0-.009.003l-4.375 2.528l5.05 2.915h.006a2.06 2.06 0 0 0 .28-1.04v-3.855a.637.637 0 0 0-.636-.636"/><path fill-opacity=".8" d="m22.06 17.996l-5.05-2.915l-10.67 6.161l4.27 2.465s.016.006.022.012a2.1 2.1 0 0 0 2.093 0q.011-.004.022-.012l8.538-4.93q.004 0 .01-.006c.321-.183.589-.45.775-.772h-.006z"/><path d="m11.672 11.998l-5.336 3.083l-1.444.832l-3.605 2.083H1.28c.173.303.416.555.709.738l.078.044l.016.01l.02.012l4.232 2.442l10.671-6.161l-5.335-3.082z"/><path fill-opacity=".6" d="M12.74.29c-.1-.06-.208-.107-.315-.148L12.368.12a2.1 2.1 0 0 0-.7-.12q-.35.001-.668.11l-.031.01a2 2 0 0 0-.372.17L2.068 5.222s-.003 0-.006.003a2.1 2.1 0 0 0-.781.773h.006l5.049 2.918L17.01 2.758z"/><path fill-opacity=".3" d="M1.287 6.001H1.28A2.06 2.06 0 0 0 1 7.041v9.915c0 .378.1.735.28 1.043h.007l5.049-2.918V8.919z"/></g></svg>

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

React

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

<Icon icon="thesvg:bailian" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:bailian" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:bailian" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="thesvg:bailian"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки theSVG →