ICONYZ
Bahasa Indonesia
Ikon Crosshair Fill dari Remix Icon

Ikon Crosshair Fill

ri:crosshair-fill

Ikon Crosshair Fill (ri:crosshair-fill) adalah ikon SVG gratis dari set Remix Icon karya Remix Design. Ikon ini digambar pada grid 24 × 24. Remix Icon 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
Remix Icon
Pembuat
Remix Design
Lisensi
Apache-2.0
Ukuran
24 × 24
Tag
crosshairfill
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19.938 13A8.004 8.004 0 0 1 13 19.938V17h-2v2.938A8.004 8.004 0 0 1 4.062 13H7v-2H4.062A8.004 8.004 0 0 1 11 4.062V7h2V4.062A8.004 8.004 0 0 1 19.938 11H17v2zM2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2S2 6.477 2 12m10 3a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/></svg>

Cara memakai ikon Crosshair Fill

React

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

<Icon icon="ri:crosshair-fill" width="24" />

Vue

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

<template>
  <Icon icon="ri:crosshair-fill" width="24" />
</template>

Svelte

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

<Icon icon="ri:crosshair-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--crosshair-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:crosshair-fill"></div>

Web component

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

<iconify-icon icon="ri:crosshair-fill"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ri/crosshair-fill.svg" alt="Ikon Crosshair Fill" width="24" height="24">

Ikon terkait di Remix Icon

Ikon Crosshair Fill di set ikon lain

FAQ Ikon Crosshair Fill

Apakah ikon Crosshair Fill gratis untuk penggunaan komersial?

Ya. Remix Icon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Crosshair Fill di React?

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

Bagaimana cara menambahkan ikon Crosshair Fill ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ri/crosshair-fill.svg" alt="Ikon Crosshair Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Remix Icon →