Ikon Gauge Badge Plus
f7:gauge-badge-plus
Ikon Gauge Badge Plus (f7:gauge-badge-plus) adalah ikon SVG gratis dari set Framework7 Icons karya Vladimir Kharlampidi. Ikon ini digambar pada grid 56 × 56. Framework7 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
- Framework7 Icons
- Pembuat
- Vladimir Kharlampidi
- Lisensi
- MIT
- Ukuran
- 56 × 56
- Tag
- gaugebadge, badgeplus, gaugebadgeplus
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M33.819 6.202c-11.214 0-20.64 8.6-22.003 19.456a14.6 14.6 0 0 1 3.753.626A18.276 18.276 0 0 1 33.82 10c10.186 0 18.361 8.198 18.383 18.383a18.313 18.313 0 0 1-18.36 18.406a17.9 17.9 0 0 1-8.802-2.278a13.5 13.5 0 0 1-1.653 3.373a21.65 21.65 0 0 0 10.454 2.68C45.948 50.565 56 40.514 56 28.385c0-12.11-10.074-22.184-22.181-22.184m-.023 12.063a2.207 2.207 0 0 0 2.19-2.19c0-1.228-.983-2.189-2.19-2.189s-2.188.96-2.188 2.19c0 1.183.982 2.189 2.189 2.189m6.434 1.988c1.206 0 2.189-1.006 2.189-2.212s-.983-2.211-2.19-2.211s-2.188 1.005-2.188 2.211s.983 2.212 2.189 2.212m-13.157 0c1.25 0 2.189-.983 2.189-2.212c0-1.206-.983-2.189-2.189-2.189s-2.19.983-2.19 2.19c0 1.205.984 2.21 2.19 2.21m-4.4 4.713a2.193 2.193 0 0 0 2.189-2.19a2.197 2.197 0 0 0-2.19-2.21a2.197 2.197 0 0 0-2.189 2.21c0 1.207.983 2.19 2.19 2.19m21.957.022a2.19 2.19 0 0 0 2.189-2.189a2.197 2.197 0 0 0-2.189-2.211a2.2 2.2 0 0 0-2.189 2.211c0 1.206.983 2.19 2.189 2.19M33.797 41.965a3.55 3.55 0 0 0 3.551-3.574a3.53 3.53 0 0 0-2.077-3.217V24.72c0-.849-.67-1.519-1.474-1.519c-.805 0-1.475.67-1.475 1.52v10.453a3.53 3.53 0 0 0-2.077 3.217c0 1.988 1.563 3.574 3.552 3.574m-22.45 9.448c6.166 0 11.348-5.137 11.348-11.347s-5.116-11.348-11.348-11.348C5.137 28.719 0 33.857 0 40.067c0 6.254 5.138 11.347 11.347 11.347m.023-3.976c-.782 0-1.474-.536-1.474-1.385V41.43H5.629c-.76 0-1.385-.626-1.385-1.363c0-.76.626-1.385 1.385-1.385h4.267v-4.624c0-.826.692-1.363 1.474-1.363c.76 0 1.452.537 1.452 1.363v4.624h4.266c.76 0 1.363.625 1.363 1.385c0 .737-.603 1.362-1.363 1.362h-4.266v4.624c0 .85-.693 1.385-1.452 1.385"/></svg>Cara memakai ikon Gauge Badge Plus
React
import { Icon } from "@iconify/react";
<Icon icon="f7:gauge-badge-plus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:gauge-badge-plus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:gauge-badge-plus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--gauge-badge-plus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:gauge-badge-plus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:gauge-badge-plus"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/f7/gauge-badge-plus.svg" alt="Ikon Gauge Badge Plus" width="24" height="24">Ikon terkait di Framework7 Icons
FAQ Ikon Gauge Badge Plus
Apakah ikon Gauge Badge Plus gratis untuk penggunaan komersial?
Ya. Framework7 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Gauge Badge Plus di React?
Pasang @iconify/react lalu render <Icon icon="f7:gauge-badge-plus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gauge Badge Plus ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/f7/gauge-badge-plus.svg" alt="Ikon Gauge Badge Plus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.