Skip to content

Crosshair

Usage

With Web Components

html
<ss-icon icon="crosshair"></ss-icon>

With icon tag

html
<i class="ss ss-crosshair"></i>

With custom stroke width / thickness

html
<ss-icon icon="crosshair" thickness="1.2"></ss-icon>

Icon Details

PropertyValue
NameCrosshair
Slugcrosshair
Tagscrosshair, aim, target, center, focus, game

SVG Path

M12 9l0-6M12 15l0 6M15 12l6 0M9 12l-6 0M12 6A1 1 0 0012 18 1 1 0 0012 6

Raw SVG

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 9l0-6M12 15l0 6M15 12l6 0M9 12l-6 0M12 6A1 1 0 0012 18 1 1 0 0012 6"></path>
</svg>

← Back to Icon Library