Ícone Beszel
thesvg-color:beszel
O ícone Beszel (thesvg-color:beszel) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 56 × 70. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 56 × 70
Código 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>Como usar o ícone 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>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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/beszel.svg" alt="Ícone Beszel" width="24" height="24">O ícone Beszel em outras coleções
Perguntas frequentes sobre Ícone Beszel
O ícone Beszel é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Beszel no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:beszel" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Beszel a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/beszel.svg" alt="Ícone Beszel">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.