Ikon Crosshair Simple Fill
si:crosshair-simple-fill
Ikon Crosshair Simple Fill (si:crosshair-simple-fill) adalah ikon SVG gratis dari set Sargam Icons karya Abhimanyu Rana. Ikon ini digambar pada grid 24 × 24. Sargam 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
- Sargam Icons
- Pembuat
- Abhimanyu Rana
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- crosshairsimple, simplefill, crosshairsimplefill
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1 12C1 5.925 5.925 1 12 1s11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12M13 2v4a1 1 0 1 1-2 0V2zM2 11h4a1 1 0 1 1 0 2H2zm16 0a1 1 0 1 0 0 2h4v-2zm-5 7a1 1 0 1 0-2 0v4h2z" clip-rule="evenodd"/></svg>
Cara memakai ikon Crosshair Simple Fill
React
import { Icon } from "@iconify/react";
<Icon icon="si:crosshair-simple-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si:crosshair-simple-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si:crosshair-simple-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si--crosshair-simple-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si -->
<div class="i-si:crosshair-simple-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si:crosshair-simple-fill"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/si/crosshair-simple-fill.svg" alt="Ikon Crosshair Simple Fill" width="24" height="24">
Ikon terkait di Sargam Icons
Ikon Crosshair Simple Fill di set ikon lain
FAQ Ikon Crosshair Simple Fill
Apakah ikon Crosshair Simple Fill gratis untuk penggunaan komersial?
Ya. Sargam Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Crosshair Simple Fill di React?
Pasang @iconify/react lalu render <Icon icon="si:crosshair-simple-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Crosshair Simple Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/si/crosshair-simple-fill.svg" alt="Ikon Crosshair Simple Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Sargam Icons →
ICONYZ
