Skip to content
Kordu Tools

Crosshair Generator

Design, preview, and export custom crosshairs for CS2, Valorant, and other FPS games. Choose from presets or fine-tune every parameter, then download a transparent PNG or copy console commands.

Zoom
Background
Presets
Style
Color
5
2
2
1.0
1
Outline Color

How to use

  1. 1

    Choose a crosshair style

    Select from Classic, Cross, Circle, or Dot style tabs. Each style changes the fundamental shape of your crosshair.

  2. 2

    Adjust size, thickness, and gap

    Use the sliders to set line length, stroke thickness, and centre gap. The canvas preview updates instantly as you drag.

  3. 3

    Pick a colour and outline

    Enter a hex code or click a preset colour swatch. Enable the outline toggle for better visibility against bright backgrounds.

  4. 4

    Fine-tune with advanced options

    Toggle T-style to remove the top line, add a centre dot, or adjust opacity. Use zoom and background colour buttons to test visibility.

  5. 5

    Export your crosshair

    Click Download PNG to save a transparent overlay image, or click Copy CS2 Code to get console commands you can paste directly into Counter-Strike 2.

Frequently asked questions

What games can I use these crosshairs with?
The transparent PNG export works as an overlay in any game. The CS2 console commands work specifically in Counter-Strike 2. You can also use the visual settings as a reference when configuring crosshairs in Valorant, Overwatch 2, or any game with a custom crosshair editor.
Is the exported PNG truly transparent?
Yes. The download uses a transparent background so only the crosshair lines and dot are visible. You can place it over any game footage or use it with overlay software like OBS or HudSight.
How do I use the CS2 console commands?
Open the CS2 developer console (press the tilde ~ key), paste the copied commands, and press Enter. The crosshair settings apply immediately. You can also add them to your autoexec.cfg for permanent use.
Does this tool send my data anywhere?
No. Everything runs in your browser using the Canvas API. No data is uploaded, no account is needed, and no cookies are set.
What does T-style mean?
T-style removes the top vertical line of a cross crosshair, leaving only the bottom, left, and right arms. Many professional CS2 players prefer this because the missing top line gives a clearer view of headshot-level targets.
Can I save my crosshair settings to load later?
The current version does not save presets to your browser. However you can screenshot your settings or copy the CS2 code, which captures the key parameters. Future updates may add local preset saving.

Build the perfect crosshair for any FPS game with this free crosshair

generator. Pick a style — classic cross, circle, dot — then adjust size,

thickness, gap, colour, outline, opacity, and more with real-time canvas

preview. Toggle T-style, add a centre dot, or tweak outline thickness

until every pixel feels right. Switch between zoom levels and background

colours to verify visibility on any surface. Start from built-in presets

like "Pro" or "Minimal" and customise from there. When you are happy,

download a transparent PNG overlay or copy CS2 console commands directly.

Everything runs locally in your browser — no sign-up, no watermark, no

data ever leaves your device.

Related tools

Mouse Sensitivity Converter

Convert mouse sensitivity between games instantly. Supports CS2, Valorant, Overwatch 2, Apex Legends, and 20+ titles with accurate cm/360 and eDPI calculations.

FOV Calculator

Calculate and convert field of view between horizontal, vertical, and diagonal FOV for any aspect ratio. Includes game presets for CS2, Valorant, Apex, and more.