Ikon Shield
glyphs-poly:shield
Ikon Shield (glyphs-poly:shield) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly 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 Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" fill-rule="evenodd" d="M40 70.239a45.07 45.07 0 0 1-21.855-22.08a45.07 45.07 0 0 1-2.569-30.264L40 10l24.425 7.895A45.065 45.065 0 0 1 40 70.239" clip-rule="evenodd"/><path fill="#2f80ed" d="m40 70.239l-.849 1.81a2 2 0 0 0 1.699 0zm-5.226-2.889l1.081-1.682zm-16.63-19.19l1.82-.831zm-3.613-25.135l-1.98-.284zm1.045-5.13l-.615-1.903a2 2 0 0 0-1.318 1.39zM40 10l.615-1.903a2 2 0 0 0-1.23 0zm24.425 7.895l1.933-.512a2 2 0 0 0-1.318-1.391zm1.044 5.13l1.98-.284zM61.857 48.16l-1.82-.831zm-16.63 19.19l-1.08-1.682zm-4.376 1.078a43 43 0 0 1-4.995-2.76l-2.163 3.365a47 47 0 0 0 5.459 3.017zm-4.995-2.76a43.07 43.07 0 0 1-15.89-18.34l-3.64 1.662a47.07 47.07 0 0 0 17.367 20.043zm-15.89-18.34A43.07 43.07 0 0 1 16.51 23.31l-3.96-.57a47.07 47.07 0 0 0 3.775 26.25zM16.51 23.31a43 43 0 0 1 .998-4.903l-3.866-1.025a47 47 0 0 0-1.091 5.359zm-.32-3.512l24.424-7.895l-1.23-3.806l-24.424 7.895zm23.194-7.895l24.425 7.895l1.23-3.806l-24.425-7.895zm23.106 6.504a43 43 0 0 1 .999 4.903l3.96-.57a47 47 0 0 0-1.092-5.357zm.999 4.903a43.07 43.07 0 0 1-3.454 24.019l3.639 1.661a47.07 47.07 0 0 0 3.774-26.25zm-3.454 24.019a43.07 43.07 0 0 1-15.89 18.339l2.162 3.365A47.07 47.07 0 0 0 63.675 48.99zm-15.89 18.339a43 43 0 0 1-4.995 2.76l1.699 3.622a47 47 0 0 0 5.458-3.017z"/><path fill="#56ccf2" fill-rule="evenodd" d="M40 58.87a28.92 28.92 0 0 1-14.047-14.137a28.8 28.8 0 0 1-1.654-19.394L40 20.28l15.701 5.058q.431 1.617.672 3.282a28.8 28.8 0 0 1-2.325 16.112A28.92 28.92 0 0 1 40 58.87" clip-rule="evenodd"/><path fill="#56ccf2" d="m40 58.87l-.846 1.812a2 2 0 0 0 1.692 0zm-3.365-1.852l-1.079 1.684zM25.953 44.733l1.818-.833zM23.628 28.62l-1.98-.285zm.671-3.282l-.613-1.904a2 2 0 0 0-1.32 1.39zM40 20.28l.613-1.903a2 2 0 0 0-1.226 0zm15.701 5.058l1.933-.514a2 2 0 0 0-1.32-1.39zm.672 3.282l1.98-.285zm-2.325 16.112l-1.819-.833zM43.366 57.018l1.078 1.684zm-2.52.04a27 27 0 0 1-3.133-1.725l-2.157 3.369a31 31 0 0 0 3.598 1.98zm-3.133-1.725A26.9 26.9 0 0 1 27.771 43.9l-3.636 1.666a30.9 30.9 0 0 0 11.421 13.136zM27.771 43.9a26.8 26.8 0 0 1-2.164-14.993l-3.959-.572a30.8 30.8 0 0 0 2.487 17.231zm-2.164-14.993q.225-1.55.625-3.054l-3.866-1.029a31 31 0 0 0-.718 3.511zm-.695-1.665l15.701-5.057l-1.226-3.807l-15.701 5.057zm14.475-5.057l15.701 5.058l1.227-3.808l-15.702-5.057zm14.382 3.668q.4 1.504.624 3.054l3.96-.572a31 31 0 0 0-.719-3.51zm.624 3.054A26.8 26.8 0 0 1 52.23 43.9l3.636 1.666a30.8 30.8 0 0 0 2.486-17.23zM52.23 43.9a26.9 26.9 0 0 1-9.943 11.433l2.157 3.369a30.9 30.9 0 0 0 11.422-13.136zm-9.943 11.433a27 27 0 0 1-3.133 1.724l1.692 3.625a31 31 0 0 0 3.599-1.98z"/></g></svg>
Cara memakai ikon Shield
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:shield" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:shield" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:shield" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--shield]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:shield"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:shield"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/shield.svg" alt="Ikon Shield" width="24" height="24">
Ikon terkait di Glyphs Poly
Ikon Shield di set ikon lain
FAQ Ikon Shield
Apakah ikon Shield gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Shield di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:shield" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Shield ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/shield.svg" alt="Ikon Shield">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs Poly →
ICONYZ
