Ícone Select Target Crosshair 1
streamline-freehand-color:select-target-crosshair-1
O ícone Select Target Crosshair 1 (streamline-freehand-color:select-target-crosshair-1) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Interface essencial
- Tags
- selecttarget, targetcrosshair, selecttargetcrosshair
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" 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-.66"/><path fill="#020202" d="M10.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.09"/><path fill="#0c6fff" d="M12.671 3.076c-.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.64"/><path fill="#020202" d="M19 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.725"/><path fill="#0c6fff" d="M12.791 19.624c-.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.28"/><path fill="#020202" d="M20 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"/></g></svg>Como usar o ícone Select Target Crosshair 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:select-target-crosshair-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:select-target-crosshair-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:select-target-crosshair-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--select-target-crosshair-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color: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-color:select-target-crosshair-1"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/select-target-crosshair-1.svg" alt="Ícone Select Target Crosshair 1" width="24" height="24">O ícone Select Target Crosshair 1 em outras coleções
Perguntas frequentes sobre Ícone Select Target Crosshair 1
O ícone Select Target Crosshair 1 é grátis para uso comercial?
Sim. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Select Target Crosshair 1 no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:select-target-crosshair-1" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Select Target Crosshair 1 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/select-target-crosshair-1.svg" alt="Ícone Select Target Crosshair 1">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.