Icône Select Target Crosshair 1
streamline-freehand:select-target-crosshair-1
L'icône Select Target Crosshair 1 (streamline-freehand:select-target-crosshair-1) est une icône SVG gratuite de la collection Freehand free icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Freehand free icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Interface essentielle
- Mots-clés
- selecttarget, targetcrosshair, selecttargetcrosshair
Code 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="M5.623 12.505a.34.34 0 0 0 .31-.35a.33.33 0 0 0-.35-.31a18.6 18.6 0 0 0-3.42-.1c-.31 0-.85 0-1.31.11q-.324.045-.63.16a.29.29 0 1 0 .15.56c.41 0 1.4.22 1.79.27s3.19-.3 3.46-.34m18.047-1.23c-4.53-.38-2.89-.22-6.45.23a.28.28 0 0 0-.28.29a.29.29 0 0 0 .29.29s-1.12.49 6.44-.15a.33.33 0 0 0 0-.66M10.421 3.676a9.12 9.12 0 0 0-5.949 3.93a7.9 7.9 0 0 0-1.21 2.799c.16.7.47.53.85 0a6.8 6.8 0 0 1 1.09-2.27a8.23 8.23 0 0 1 5.24-3.37c.67-.34.85-.69-.02-1.09m2.249-.599c-.06-.9-.18-1.59-.22-2a.29.29 0 0 0-.28-.3a.3.3 0 0 0-.3.29a14.9 14.9 0 0 0 0 5.66a.33.33 0 0 0 .34.32a.32.32 0 0 0 .32-.33c.144-1.208.191-2.425.14-3.64M19 6.725a9.25 9.25 0 0 0-5.289-3c-.8.35-.67.73 0 1.14a8 8 0 0 1 4.4 2.58a8.3 8.3 0 0 1 1.5 2.65c.44.74.8.63 1.109 0A9.5 9.5 0 0 0 19 6.725m-6.209 12.899c-.07-.56-.19-1.12-.27-1.74a.29.29 0 0 0-.29-.29a.28.28 0 0 0-.29.29q-.168.994-.22 2a16.3 16.3 0 0 0 .25 3a.34.34 0 0 0 .32.34a.33.33 0 0 0 .34-.32c.42-2.83.17-3.18.16-3.28M20 13.594a7.4 7.4 0 0 1-.52 2a7.86 7.86 0 0 1-5.48 4.5c-.639.38-.649.65 0 .79a8.69 8.69 0 0 0 6.4-4.87a8.4 8.4 0 0 0 .65-2.41c-.37-.66-.71-.8-1.05-.01m-15.828 0c.074.689.249 1.363.52 2a7.84 7.84 0 0 0 5.48 4.49c.64.38.65.65 0 .79a8.67 8.67 0 0 1-6.36-4.86a8 8 0 0 1-.66-2.41c.37-.66.72-.8 1.02-.01" clip-rule="evenodd"/></svg>Comment utiliser l'icône Select Target Crosshair 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:select-target-crosshair-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:select-target-crosshair-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:select-target-crosshair-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--select-target-crosshair-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:select-target-crosshair-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:select-target-crosshair-1"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/select-target-crosshair-1.svg" alt="Icône Select Target Crosshair 1" width="24" height="24">L'icône Select Target Crosshair 1 dans d'autres collections
FAQ : Icône Select Target Crosshair 1
L'icône Select Target Crosshair 1 est-elle gratuite pour un usage commercial ?
Oui. Les Freehand free icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Select Target Crosshair 1 dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-freehand:select-target-crosshair-1" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Select Target Crosshair 1 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand/select-target-crosshair-1.svg" alt="Icône Select Target Crosshair 1">, ou collez le code SVG directement dans la page pour le styliser en CSS.