Ikon Badge 1
streamline-cyber:badge-1
Ikon Badge 1 (streamline-cyber:badge-1) adalah ikon SVG gratis dari set Cyber free icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Cyber free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Cyber free icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Antarmuka esensial
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path d="m8.5 14.5l-2 8.5l5.5-3.5l5.5 3.5l-2-8.5m-3.5-7L10.5 9l1.5 1.5L13.498 9l-1.5-1.5z"/><path d="M17.5 11.278L20 9l-2.5-2.278V3.5h-3.222L12 1L9.722 3.5H6.5v3.222L4 9l2.5 2.278V14.5h3.222L12 17l2.278-2.5H17.5z"/><path d="M8.5 7L12 5l3.5 2v4L12 13l-3.5-2z"/></g></svg>Cara memakai ikon Badge 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-cyber:badge-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-cyber:badge-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-cyber:badge-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-cyber--badge-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-cyber -->
<div class="i-streamline-cyber:badge-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-cyber:badge-1"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-cyber/badge-1.svg" alt="Ikon Badge 1" width="24" height="24">Ikon terkait di Cyber free icons
FAQ Ikon Badge 1
Apakah ikon Badge 1 gratis untuk penggunaan komersial?
Ya. Cyber free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Badge 1 di React?
Pasang @iconify/react lalu render <Icon icon="streamline-cyber:badge-1" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Badge 1 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-cyber/badge-1.svg" alt="Ikon Badge 1">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.