Ikon Crosshairs Bold
glyphs:crosshairs-bold
Ikon Crosshairs Bold (glyphs:crosshairs-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- crosshairsbold, crosshair
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M31.161 18.661a23.1 23.1 0 0 1 17.678 0v0a23.1 23.1 0 0 1 12.5 12.5v0a23.1 23.1 0 0 1 0 17.678v0a23.1 23.1 0 0 1-12.5 12.5v0a23.1 23.1 0 0 1-17.678 0v0a23.1 23.1 0 0 1-12.5-12.5v0a23.1 23.1 0 0 1 0-17.678v0a23.1 23.1 0 0 1 12.5-12.5"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M40.008 23.37L40 12l-.008 11.37zM56.63 39.992v.016L68 40zM40.008 56.63h-.016L40 68zM23.37 40.008v-.016L12 40z" clip-rule="evenodd"/><path fill="currentColor" d="m40 12l3-.002a3 3 0 0 0-6 0zm.008 11.37l-.002 3a3 3 0 0 0 3.002-3.002zm-.016 0l-3-.002a3 3 0 0 0 3.002 3.002zM56.63 39.992l.002-3a3 3 0 0 0-3.002 3zm0 .016h-3a3 3 0 0 0 3.002 3zM68 40l.002 3a3 3 0 0 0 0-6zM40.008 56.63l3 .002a3 3 0 0 0-3-3.002zm-.016 0v-3a3 3 0 0 0-3 3.002zM40 68l-3 .002a3 3 0 0 0 6 0zM23.37 40.008l-.002 3a3 3 0 0 0 3.002-3.002zm0-.016l3 .002a3 3 0 0 0-3.002-3.002zM12 40l-.002-3a3 3 0 0 0 0 6zm25-27.998l.008 11.37l6-.004L43 11.998zm5.992 11.37L43 12.002l-6-.004l-.008 11.37zm-2.998 2.998h.012l.004-6h-.02zM53.63 39.992v.016h6v-.016zM67.998 37l-11.37.008l.004 6L68.002 43zm-11.37 5.992l11.37.008l.004-6l-11.37-.008zM40.008 53.63h-.016v6h.016zM43 67.998l-.008-11.37l-6 .004l.008 11.37zm-5.992-11.37L37 67.998l6 .004l.008-11.37zM26.37 40.006v-.012l-6-.004v.02zM12.002 43l11.37-.008l-.004-6l-11.37.008zm11.37-5.992L12.002 37l-.004 6l11.37.008zm13.093-5.543a9.238 9.238 0 1 1 7.07 17.07a9.238 9.238 0 0 1-7.07-17.07"/></g></svg>Cara memakai ikon Crosshairs Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:crosshairs-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:crosshairs-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:crosshairs-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--crosshairs-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:crosshairs-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:crosshairs-bold"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/crosshairs-bold.svg" alt="Ikon Crosshairs Bold" width="24" height="24">Ikon terkait di Glyphs
FAQ Ikon Crosshairs Bold
Apakah ikon Crosshairs Bold gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Crosshairs Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:crosshairs-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Crosshairs Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/crosshairs-bold.svg" alt="Ikon Crosshairs Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.