duotone
1. カラー
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
2. キャンバス背景と変形
3. ベクターアニメーションのプリセット
SVG書き出しに含まれます
Crosshair Simple SVGアイコン
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Crosshair Simple - 商用利用も個人利用も無料. 登録不要 | 100%ブラウザ完結処理
ベクターと高解像度画像の即時ダウンロード
新しい色を選択するまで、アイコンの元の色がそのまま保持されます。
phosphor-duotone-crosshair-simple-duotone.svg (730 B)
開発者とUIフレームワーク向けのクイックコピー
コードのリアルタイム出力
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Crosshair Simple icon"><title>Crosshair Simple - Phosphor Icons icon</title><desc>Free Crosshair Simple vector icon from the Phosphor Icons open-source icon library; duotone style, MIT licence, viewBox 0 0 256 256, 452 bytes.</desc><path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2"/><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm8,191.63V184a8,8,0,0,0-16,0v31.63A88.13,88.13,0,0,1,40.37,136H72a8,8,0,0,0,0-16H40.37A88.13,88.13,0,0,1,120,40.37V72a8,8,0,0,0,16,0V40.37A88.13,88.13,0,0,1,215.63,120H184a8,8,0,0,0,0,16h31.63A88.13,88.13,0,0,1,136,215.63Z"/></svg>
AIプロンプトとベクター改善
このアイコンを改善または作り変えますか？ Crosshair Simple
精密な設計プロンプトを作るか、キャンバス上のアイコンを今すぐ改善できます。 Crosshair Simple
プロンプト作成は100%ブラウザ内
出典とライセンスの確認
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | 登録不要 | 100%ブラウザ完結処理
キーワード
#phosphor
#duotone
#crosshair
#simple
#interface
Crosshair Simple - ベクターの技術仕様
出典、作者、ライセンスはプレビューとアイコン詳細で確認できます。 Crosshair Simple
| 正規の識別子 | phosphor/phosphor-duotone-crosshair-simple-duotone |
|---|---|
| 元のライブラリパック | Phosphor Icons |
| 座標グリッドと viewBox | viewBox="0 0 256 256" |
| 非圧縮のサイズ | 730 bytes (~402 bytes gzipped) |
| SPDXライセンスと商用利用 | MIT - 商用利用も無料 |
| Upstream Source | https://github.com/phosphor-icons/core |
| 対応する書き出し形式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全とプライバシーの保証 | 登録不要 | 100%ブラウザ完結処理 |
このアイコンの使い方と調整方法: Crosshair Simple
- 見た目を調整する: カラー, 自動（線と塗り）, 線の太さ (
0.5px-4px), ベクターアニメーションのプリセット - ベクターまたは画像を保存する: SVGをダウンロード, PNG（透明）, WebP（最適化） (
2048x2048 px) - フレームワークのコードをコピーする: React、Next.js、Vue 3、Svelte、Angular、HTML、CSSマスク用のコードをそのままコピーできます。
- 高度なベクター編集: SVGエディターで編集 (77,087)
アクセシビリティのヒント (WCAG 2.1): 飾りのアイコンは aria-hidden と focusable false で隠します。アイコンだけのボタンには分かりやすい aria-label を付けます。右から左に書く言語では矢印を左右反転します。
phosphor-duotone-crosshair-simple-duotone.svg aria-hidden="true" focusable="false"
同じカテゴリの ユーザーインターフェース
見るduotone
Action HTML
Material Icons|interfaceduotone
Action Logout
Material Icons|interfaceoutline
Accessibility
Lucide|interfaceduotone
Box Plot
Ant Design TwoTone|interfacesolid
Air Balloon
MingCute Icons Fill|interface
Ci Circle
Ant Design TwoTone|interface
Album
MingCute Icons|interface
Align Box Top Center
Tabler Icons|interface
Cursor Circuit Glitch
Mouse|interface
自転車
SVG Icons Collection|interface
Airplay
IconPark|interface
Brandy
SVG Icons Collection|interface
Circle X
Open Iconic|interface
Cursor Harpoon Barb
Mouse|interface
Cheese
SVG Icons Collection|interface
Cursor Kunai Ninja
Mouse|interface
Dollar
Open Iconic|interface
Like
Ant Design TwoTone|interface
Alignment Vertical Center
IconPark|interface
Alphabetical Sorting Two
IconPark|interface
Balloon
Tabler Icons|interface
Lightbulb Filament
Fluent UI Color|interface
Media Pause
Open Iconic|interfaceさらに見る
よくある質問
Crosshair Simple - よくある質問
Crosshair Simpleにはどのライセンスが適用されますか？ +
Crosshair SimpleはPhosphor Iconsのもので、MITの対象です。帰属表示：クレジット必須。
Crosshair Simpleはどの形式でダウンロードできますか？ +
Crosshair Simpleはduotoneスタイルのベクターです（viewBox 0 0 256 256）。SVG、PNG、WebP、ICOをダウンロードするか、このページからReact TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask、Base64コードをコピーできます。
Crosshair Simpleアイコンはどこから来たのですか？ +
Crosshair SimpleはPhosphor Iconsライブラリの一部です。作者はHelena Zhang & Toby Fried、カテゴリはユーザーインターフェースです。ライセンス全文は、このページにリンクされたライブラリ通知ファイルにあります。
100%ブラウザ完結処理 | 77,087 アイコン
SVGエディター
パス、レイヤー、色、アニメーションをブラウザで編集し、整ったSVG、PNG、またはフレームワークのコードを書き出せます。