Crosshairs アイコン
ix:crosshairs
Crosshairs アイコン(ix:crosshairs)は、Siemens Industrial Experience Icons セットの無料 SVG アイコンです（作者: Siemens AG）。 512 × 512 のグリッドで描かれています。 Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Siemens Industrial Experience Icons
- 作者
- Siemens AG
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- crosshair
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m277.333 42.667l.021 43.99c77.183 9.633 138.356 70.806 147.99 147.989l43.989.021v42.666l-43.987-.001c-9.625 77.193-70.802 138.377-147.992 148.012l-.021 43.989h-42.666l.001-43.987c-77.2-9.626-138.388-70.814-148.014-148.014l-43.987.001v-42.666l43.99-.021c9.634-77.19 70.818-138.367 148.011-147.992l-.001-43.987zm.018 87.106l-.018 40.894h-42.666l.004-40.898c-53.596 8.99-95.899 51.287-104.898 104.88l40.894.018v42.666l-40.898-.004c8.991 53.604 51.298 95.911 104.902 104.902l-.004-40.898h42.666l.018 40.894c53.593-8.998 95.89-51.301 104.88-104.898l-40.898.004v-42.666l40.894-.018c-8.997-53.586-51.29-95.879-104.876-104.876M256 213.333c23.564 0 42.667 19.103 42.667 42.667S279.564 298.667 256 298.667S213.333 279.564 213.333 256s19.103-42.667 42.667-42.667"/></svg>
Crosshairs アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:crosshairs" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:crosshairs" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:crosshairs" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--crosshairs]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:crosshairs"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:crosshairs"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/crosshairs.svg" alt="Crosshairs アイコン" width="24" height="24">
Siemens Industrial Experience Icons の関連アイコン
他のアイコンセットの Crosshairs アイコン
Crosshairs アイコン のよくある質問
Crosshairs アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Crosshairs アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:crosshairs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Crosshairs アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/crosshairs.svg" alt="Crosshairs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Siemens Industrial Experience Icons をすべて見る →
ICONYZ
