Icône Crosshairs Bold
glyphs:crosshairs-bold
L'icône Crosshairs Bold (glyphs:crosshairs-bold) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Glyphs
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- crosshairsbold, crosshair
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/crosshairs-bold.svg" alt="Icône Crosshairs Bold" width="24" height="24">Icônes similaires dans Glyphs
FAQ : Icône Crosshairs Bold
L'icône Crosshairs Bold est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Crosshairs Bold dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:crosshairs-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Crosshairs Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/crosshairs-bold.svg" alt="Icône Crosshairs Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.