ICONYZ
Bahasa Indonesia
Ikon In dari Circle Flags

Ikon In

circle-flags:in

Ikon In (circle-flags:in) 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
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="m0 160l256-32l256 32v192l-256 32L0 352z"/><path fill="#ff9811" d="M0 0h512v160H0Z"/><path fill="#6da544" d="M0 352h512v160H0Z"/><circle cx="256" cy="256" r="72" fill="#0052b4"/><circle cx="256" cy="256" r="48" fill="#eee"/><circle cx="256" cy="256" r="24" fill="#0052b4"/></g></svg>

Cara memakai ikon In

React

import { Icon } from "@iconify/react";

<Icon icon="circle-flags:in" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="circle-flags:in" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="circle-flags:in" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--in]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:in"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="circle-flags:in"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/circle-flags/in.svg" alt="Ikon In" width="24" height="24">

Ikon terkait di Circle Flags

Ikon In di set ikon lain

FAQ Ikon In

Apakah ikon In 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 In di React?

Pasang @iconify/react lalu render <Icon icon="circle-flags:in" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon In ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/circle-flags/in.svg" alt="Ikon In">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Circle Flags →