Ikon Check Badge Outline
glyphs:check-badge-outline
Ikon Check Badge Outline (glyphs:check-badge-outline) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- checkbadge, badgeoutline, checkbadgeoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M55.177 32.663a2.023 2.023 0 0 0 0-2.841a1.977 1.977 0 0 0-2.815 0L34.077 48.28l-8.439-8.519a1.977 1.977 0 0 0-2.815 0a2.023 2.023 0 0 0 0 2.842l8.439 8.518a3.955 3.955 0 0 0 5.63 0z"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M40 9.667a11.66 11.66 0 0 0-10.13 5.877a11.66 11.66 0 0 0-11.32 3.006a11.66 11.66 0 0 0-3.007 11.319A11.66 11.66 0 0 0 9.667 40a11.66 11.66 0 0 0 5.877 10.13a11.66 11.66 0 0 0 3.006 11.32a11.66 11.66 0 0 0 11.319 3.008A11.66 11.66 0 0 0 40 70.333a11.66 11.66 0 0 0 10.13-5.876c3.903 1.06 8.251.06 11.319-3.008a11.66 11.66 0 0 0 3.008-11.319A11.66 11.66 0 0 0 70.333 40c0-4.338-2.367-8.12-5.876-10.13a11.66 11.66 0 0 0-3.008-11.319a11.66 11.66 0 0 0-11.319-3.007A11.66 11.66 0 0 0 40 9.667m-7.212 9.06a7.67 7.67 0 0 1 14.425 0l.745 2.061l1.985-.93a7.67 7.67 0 0 1 10.2 10.2l-.93 1.984l2.06.745a7.67 7.67 0 0 1 0 14.426l-2.06.745l.93 1.985a7.67 7.67 0 0 1-10.2 10.2l-1.985-.93l-.745 2.06a7.67 7.67 0 0 1-14.425 0l-.746-2.06l-1.985.93a7.67 7.67 0 0 1-10.2-10.2l.931-1.985l-2.061-.745a7.67 7.67 0 0 1 0-14.425l2.061-.746l-.93-1.985a7.67 7.67 0 0 1 10.2-10.2l1.984.931z" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M55.177 32.663a2.023 2.023 0 0 0 0-2.841a1.977 1.977 0 0 0-2.815 0L34.077 48.28l-8.439-8.519a1.977 1.977 0 0 0-2.815 0a2.023 2.023 0 0 0 0 2.842l8.439 8.518a3.955 3.955 0 0 0 5.63 0z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40 9.667a11.66 11.66 0 0 0-10.13 5.877a11.66 11.66 0 0 0-11.32 3.006a11.66 11.66 0 0 0-3.007 11.319A11.66 11.66 0 0 0 9.667 40a11.66 11.66 0 0 0 5.877 10.13a11.66 11.66 0 0 0 3.006 11.32a11.66 11.66 0 0 0 11.319 3.008A11.66 11.66 0 0 0 40 70.333a11.66 11.66 0 0 0 10.13-5.876c3.903 1.06 8.251.06 11.319-3.008a11.66 11.66 0 0 0 3.008-11.319A11.66 11.66 0 0 0 70.333 40c0-4.338-2.367-8.12-5.876-10.13a11.66 11.66 0 0 0-3.008-11.319a11.66 11.66 0 0 0-11.319-3.007A11.66 11.66 0 0 0 40 9.667m-7.212 9.06a7.67 7.67 0 0 1 14.425 0l.745 2.061l1.985-.93a7.67 7.67 0 0 1 10.2 10.2l-.93 1.984l2.06.745a7.67 7.67 0 0 1 0 14.426l-2.06.745l.93 1.985a7.67 7.67 0 0 1-10.2 10.2l-1.985-.93l-.745 2.06a7.67 7.67 0 0 1-14.425 0l-.746-2.06l-1.985.93a7.67 7.67 0 0 1-10.2-10.2l.931-1.985l-2.061-.745a7.67 7.67 0 0 1 0-14.425l2.061-.746l-.93-1.985a7.67 7.67 0 0 1 10.2-10.2l1.984.931z" clip-rule="evenodd"/></g></svg>
Cara memakai ikon Check Badge Outline
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:check-badge-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:check-badge-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:check-badge-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--check-badge-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:check-badge-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:check-badge-outline"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/check-badge-outline.svg" alt="Ikon Check Badge Outline" width="24" height="24">
FAQ Ikon Check Badge Outline
Apakah ikon Check Badge Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Check Badge Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:check-badge-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Check Badge Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/check-badge-outline.svg" alt="Ikon Check Badge Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
