Beszel icon
thesvg-color:beszel
The Beszel icon (thesvg-color:beszel) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 56 × 70 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 56 × 70
SVG code
<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>How to use the Beszel icon
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>Web component
<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 image
<img src="https://iconyz.com/api/public/svg/thesvg-color/beszel.svg" alt="Beszel icon" width="24" height="24">Beszel icon in other icon sets
Beszel icon FAQ
Is the Beszel icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Beszel icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:beszel" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Beszel icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/beszel.svg" alt="Beszel icon">, or paste the SVG code inline to style it with CSS.