Иконка Beszel

thesvg-color:beszel

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

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 56 × 70

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="70" viewBox="0 0 56 70"><defs><linearGradient id="SVGuBr77bNw" x1="0%" x2="100%" y1="20%" y2="120%"><stop offset="0%" stop-color="#747bff"/><stop offset="100%" stop-color="#24eb5c"/></linearGradient></defs><path fill="url(#SVGuBr77bNw)" d="M35 70H0V0h35q4.4 0 8.2 1.7a21.4 21.4 0 0 1 6.6 4.5q2.9 2.8 4.5 6.6Q56 16.7 56 21a15.4 15.4 0 0 1-.3 3.2a18 18 0 0 1-.2.8a19.4 19.4 0 0 1-1.5 4a17 17 0 0 1-2.4 3.4a13.5 13.5 0 0 1-2.6 2.3a13 13 0 0 1-.4.3q1.7 1 3 2.5Q53 39.1 54 41a18.3 18.3 0 0 1 1.5 4a17.4 17.4 0 0 1 .5 3a15 15 0 0 1 0 1q0 4.4-1.7 8.2a21.4 21.4 0 0 1-4.5 6.6q-2.8 2.9-6.6 4.6Q39.4 70 35 70M14 14v14h21a7 7 0 0 0 2.3-.3a7 7 0 0 0 .4-.2Q39 27 40 26a6.9 6.9 0 0 0 1.5-2.2q.5-1.3.5-2.8a7 7 0 0 0-.4-2.3a7 7 0 0 0-.1-.4Q40.9 17 40 16a7 7 0 0 0-2.3-1.4a6.9 6.9 0 0 0-2.5-.6zm0 28v14h21a7 7 0 0 0 2.3-.4a7 7 0 0 0 .4-.1Q39 54.9 40 54a7 7 0 0 0 1.5-2.2a6.9 6.9 0 0 0 .5-2.6V49a7 7 0 0 0-.4-2.3a7 7 0 0 0-.1-.4Q40.9 45 40 44a7 7 0 0 0-2.3-1.5a6.9 6.9 0 0 0-2.5-.6H14Z"/></svg>

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

React

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

<Icon icon="thesvg-color:beszel" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:beszel" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:beszel" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="thesvg-color:beszel"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Иконки theSVG Color →