Ikon Guardian
material-symbols:guardian
Ikon Guardian (material-symbols:guardian) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Symbols
- Pembuat
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Kategori
- Sosial
- Tag
- guardian outline, guardian outline sharp, guardian sharp
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 23q-4.65 0-7.825-1.737T1 17q0-1.725 1.6-3.162T7 11.65v2.05q-1.825.575-2.912 1.475T3 17q0 1.6 2.7 2.8T12 21t6.3-1.2T21 17q0-.925-1.088-1.825T17 13.7v-2.05q2.8.75 4.4 2.188T23 17q0 2.525-3.175 4.263T12 23m-3-4V8H4V6h16v2h-5v11h-2v-5h-2v5zm3-14q-.825 0-1.412-.587T10 3t.588-1.412T12 1t1.413.588T14 3t-.587 1.413T12 5"/></svg>Cara memakai ikon Guardian
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:guardian" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:guardian" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:guardian" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--guardian]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:guardian"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:guardian"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/guardian.svg" alt="Ikon Guardian" width="24" height="24">Ikon terkait di Material Symbols
Ikon Guardian di set ikon lain
FAQ Ikon Guardian
Apakah ikon Guardian gratis untuk penggunaan komersial?
Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Guardian di React?
Pasang @iconify/react lalu render <Icon icon="material-symbols:guardian" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Guardian ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/guardian.svg" alt="Ikon Guardian">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.