Home/Libraries/Freehand free icons (Iconify)/select-target-crosshair-1

Freehand free icons (Iconify)

SelectTargetCrosshair1

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M5.623 12.505a.34.34 0 0 0 .31-.35a.33.33 0 0 0-.35-.31a18.6 18.6 0 0 0-3.42-.1c-.31 0-.85 0-1.31.11q-.324.045-.63.16a.29.29 0 1 0 .15.56c.41 0 1.4.22 1.79.27s3.19-.3 3.46-.34m18.047-1.23c-4.53-.38-2.89-.22-6.45.23a.28.28 0 0 0-.28.29a.29.29 0 0 0 .29.29s-1.12.49 6.44-.15a.33.33 0 0 0 0-.66M10.421 3.676a9.12 9.12 0 0 0-5.949 3.93a7.9 7.9 0 0 0-1.21 2.799c.16.7.47.53.85 0a6.8 6.8 0 0 1 1.09-2.27a8.23 8.23 0 0 1 5.24-3.37c.67-.34.85-.69-.02-1.09m2.249-.599c-.06-.9-.18-1.59-.22-2a.29.29 0 0 0-.28-.3a.3.3 0 0 0-.3.29a14.9 14.9 0 0 0 0 5.66a.33.33 0 0 0 .34.32a.32.32 0 0 0 .32-.33c.144-1.208.191-2.425.14-3.64M19 6.725a9.25 9.25 0 0 0-5.289-3c-.8.35-.67.73 0 1.14a8 8 0 0 1 4.4 2.58a8.3 8.3 0 0 1 1.5 2.65c.44.74.8.63 1.109 0A9.5 9.5 0 0 0 19 6.725m-6.209 12.899c-.07-.56-.19-1.12-.27-1.74a.29.29 0 0 0-.29-.29a.28.28 0 0 0-.29.29q-.168.994-.22 2a16.3 16.3 0 0 0 .25 3a.34.34 0 0 0 .32.34a.33.33 0 0 0 .34-.32c.42-2.83.17-3.18.16-3.28M20 13.594a7.4 7.4 0 0 1-.52 2a7.86 7.86 0 0 1-5.48 4.5c-.639.38-.649.65 0 .79a8.69 8.69 0 0 0 6.4-4.87a8.4 8.4 0 0 0 .65-2.41c-.37-.66-.71-.8-1.05-.01m-15.828 0c.074.689.249 1.363.52 2a7.84 7.84 0 0 0 5.48 4.49c.64.38.65.65 0 .79a8.67 8.67 0 0 1-6.36-4.86a8 8 0 0 1-.66-2.41c.37-.66.72-.8 1.02-.01" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SelectTargetCrosshair1Icon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.