Ikon Beszel
thesvg-color:beszel
Ikon Beszel (thesvg-color:beszel) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 56 × 70. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 56 × 70
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/beszel.svg" alt="Ikon Beszel" width="24" height="24">Ikon Beszel di set ikon lain
FAQ Ikon Beszel
Apakah ikon Beszel gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Beszel di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:beszel" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Beszel ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/beszel.svg" alt="Ikon Beszel">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.