outline
1. Color
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
2. Fondo del lienzo y transformaciones
3. Ajustes de animación vectorial en vivo
Incluido en la exportación SVG
Icono SVG de Crosshair
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Crosshair - Gratis para uso comercial y personal. Sin Registro | 100% en tu Navegador
Descargas instantaneas vectoriales y de alta resolución
Los colores originales del icono se mantienen hasta que elijas un color nuevo.
phosphor-bold-crosshair-bold.svg (881 B)
Copia rápida para desarrolladores y frameworks de interfaz
Salida de código en vivo
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" width="36" height="36" role="img" aria-label="Crosshair icon"><title>Crosshair - Phosphor Icons icon</title><desc>Free Crosshair vector icon from the Phosphor Icons open-source icon library; outline style, MIT licence, viewBox 0 0 256 256, 624 bytes.</desc><path d="M232,116h-4.72A100.21,100.21,0,0,0,140,28.72V24a12,12,0,0,0-24,0v4.72A100.21,100.21,0,0,0,28.72,116H24a12,12,0,0,0,0,24h4.72A100.21,100.21,0,0,0,116,227.28V232a12,12,0,0,0,24,0v-4.72A100.21,100.21,0,0,0,227.28,140H232a12,12,0,0,0,0-24Zm-92,87v-3a12,12,0,0,0-24,0v3a76.15,76.15,0,0,1-63-63h3a12,12,0,0,0,0-24H53a76.15,76.15,0,0,1,63-63v3a12,12,0,0,0,24,0V53a76.15,76.15,0,0,1,63,63h-3a12,12,0,0,0,0,24h3A76.15,76.15,0,0,1,140,203ZM128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,64a20,20,0,1,1,20-20A20,20,0,0,1,128,148Z"/></svg>
Prompt de IA y mejora vectorial
Quieres mejorar o cambiar el estilo de este icono? Crosshair
Genera un prompt de ingenieria preciso o mejora el icono en el lienzo ahora mismo. Crosshair
Generador de prompts 100% en el navegador
Verificación de fuente y licencia
LICENSE.txt
Library: Phosphor Icons | Author: Helena Zhang & Toby Fried | License: MIT | Source: https://github.com/phosphor-icons/core | Sin Registro | 100% en tu Navegador
Palabras clave
#phosphor
#bold
#crosshair
#interface
#outline
Crosshair - Especificaciones tecnicas del vector
La fuente, el autor y la licencia estan en la vista previa y en el detalle del icono. Crosshair
| Identificador canonico del archivo | phosphor/phosphor-bold-crosshair-bold |
|---|---|
| Paquete de biblioteca de origen | Phosphor Icons |
| Cuadrícula de coordenadas y viewBox | viewBox="0 0 256 256" |
| Peso sin comprimir | 881 bytes (~485 bytes gzipped) |
| Licencia SPDX y uso comercial | MIT - Gratis para uso comercial |
| Upstream Source | https://github.com/phosphor-icons/core |
| Formatos de exportación admitidos | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| Garantia de seguridad y privacidad | Sin Registro | 100% en tu Navegador |
Como usar y personalizar este icono: Crosshair
- Personaliza visualmente: Color, Automático (trazo y relleno), Grosor del trazo (
0.5px-4px), Ajustes de animación vectorial en vivo - Descarga el vector o la imagen: Descargar SVG, PNG (transparente), WebP (optimizado) (
2048x2048 px) - Copia el código del framework: Copia código listo para React, Next.js, Vue 3, Svelte, Angular, HTML y mascaras CSS.
- Edición vectorial profunda: Editar en el editor SVG (77.087)
Consejo de accesibilidad (WCAG 2.1): Oculta los iconos decorativos con aria-hidden y focusable false. Da un aria-label claro a los botones que solo tienen icono. Voltea las flechas en horizontal para idiomas de derecha a izquierda.
phosphor-bold-crosshair-bold.svg aria-hidden="true" focusable="false"
Mas en Interfaz de usuario (UI/UX)
Exploraroutline
Wall Off
Tabler Icons|interfaceoutline
Wheel
Tabler Icons|interfaceoutline
Places Escalator Warning
Material Icons|interfaceoutline
X Power Y
Tabler Icons|interfaceoutline
Search Coffee
Material Icons|interface
Social Diversity
Material Icons|interface
Ad Circle Off
MingCute Icons Fill|interface
Air Vent
Lucide|interface
Accessibility Ear
Domain Icons|interface
Add Three
IconPark|interface
Container
Ant Design TwoTone|interface
Cursor Broadsword Rune
Mouse|interface
External
Bytesize Icons|interface
bandera
Bytesize Icons|interface
Accessibility Hand
Domain Icons|interface
Accessibility Hand
Domain Icons|interface
Align Text Middle One
IconPark|interface
Claude
SVG Icons Collection|interface
búsqueda
Bytesize Icons|interface
Drafts
Fluent UI Color|interface
Asterisk
MingCute Icons Fill|interface
Auction
MingCute Icons|interface
Axis 3D
Lucide|interfaceExplorar más
Preguntas frecuentes
Crosshair - Preguntas frecuentes
¿Qué licencia cubre Crosshair? +
Crosshair proviene de Phosphor Icons y está cubierto por MIT. Atribución: Crédito obligatorio.
¿En qué formatos puedo descargar Crosshair? +
Crosshair es un vector de estilo outline (viewBox 0 0 256 256). Descarga SVG, PNG, WebP o ICO, o copia código React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask o Base64 desde esta página.
¿De dónde procede el icono Crosshair? +
Crosshair forma parte de la biblioteca Phosphor Icons de Helena Zhang & Toby Fried, en la categoría Interfaz de usuario (UI/UX). El texto completo de la licencia está en el archivo de aviso de la biblioteca enlazado en esta página.
100% en tu Navegador | 77.087 iconos
Editor SVG
Edita rutas, capas, colores y animaciones en tu navegador y exporta SVG limpio, PNG o código para frameworks.