Ikon Sz
circle-flags:sz
Ikon Sz (circle-flags:sz) adalah ikon SVG gratis dari set Circle Flags karya HatScripts. Ikon ini digambar pada grid 512 × 512. Circle Flags 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
- Circle Flags
- Pembuat
- HatScripts
- Lisensi
- MIT
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs)"><path fill="#ffda44" d="m0 145l256-21l256 21v33l-37 79l37 77v33l-256 24L0 367v-33l38-77l-38-79z"/><path fill="#0052b4" d="M0 0h512v145H0zm0 367h512v145H0z"/><path fill="#a2001d" d="M0 178h512v156H0z"/><path fill="#ffda44" d="M89 245h334v22H89zm45-45h245v23H134z"/><path fill="#eee" d="m256 189l-18 65l18 69c67 0 124-67 124-67s-57-67-124-67"/><path fill="#333" d="M256 323c-67 0-124-67-124-67s57-67 124-67"/><path fill="#eee" d="M212 234h22v44h-22z"/><path fill="#333" d="M279 234h22v44h-23z"/><circle cx="89" cy="256" r="22.3" fill="#0052b4"/><circle cx="423" cy="256" r="22.3" fill="#0052b4"/></g></svg>Cara memakai ikon Sz
React
import { Icon } from "@iconify/react";
<Icon icon="circle-flags:sz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="circle-flags:sz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="circle-flags:sz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--sz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:sz"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="circle-flags:sz"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/circle-flags/sz.svg" alt="Ikon Sz" width="24" height="24">Ikon Sz di set ikon lain
FAQ Ikon Sz
Apakah ikon Sz gratis untuk penggunaan komersial?
Ya. Circle Flags icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sz di React?
Pasang @iconify/react lalu render <Icon icon="circle-flags:sz" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sz ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/circle-flags/sz.svg" alt="Ikon Sz">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.