Select Target Crosshair 1 アイコン
streamline-freehand:select-target-crosshair-1
Select Target Crosshair 1 アイコン(streamline-freehand:select-target-crosshair-1)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- selecttarget、targetcrosshair、selecttargetcrosshair
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/select-target-crosshair-1.svg" alt="Select Target Crosshair 1 アイコン" width="24" height="24">他のアイコンセットの Select Target Crosshair 1 アイコン
Select Target Crosshair 1 アイコン のよくある質問
Select Target Crosshair 1 アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Select Target Crosshair 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:select-target-crosshair-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Select Target Crosshair 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/select-target-crosshair-1.svg" alt="Select Target Crosshair 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。