Crosshairs Bold ikonu
glyphs:crosshairs-bold
Crosshairs Bold ikonu (glyphs:crosshairs-bold), Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Glyphs
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
- Etiketler
- crosshairsbold, crosshair
SVG kodu
<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>Crosshairs Bold ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:crosshairs-bold"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs/crosshairs-bold.svg" alt="Crosshairs Bold ikonu" width="24" height="24">Glyphs setindeki benzer ikonlar
Crosshairs Bold ikonu: sık sorulan sorular
Crosshairs Bold ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Crosshairs Bold ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs:crosshairs-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Crosshairs Bold ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/glyphs/crosshairs-bold.svg" alt="Crosshairs Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.