Home/Libraries/Freehand free icons (Iconify)/focus-cross

Freehand free icons (Iconify)

FocusCross

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" d="M.612 6.23a.28.28 0 0 0 .561 0c0-.101-.37-4.067 0-4.417A3.08 3.08 0 0 1 2.926 1c2.063-.3 3.665.351 3.675-.34a.31.31 0 0 0-.31-.32A34 34 0 0 0 2.826 0C1.784.08.352.59.092 1.612c-.33 1.302.41 3.916.52 4.617M6.28 23.034c-2.002 0-3.815.38-5.107-.791a4.6 4.6 0 0 1-.19-1.452c0-2.544.43-3.185-.08-3.235a.27.27 0 0 0-.31.25c-.18 1.292-1.132 4.367-.14 5.228c1.822 1.642 4.005.711 5.838.63a.32.32 0 0 0-.01-.63M17.718 1.001c2.003 0 3.825-.38 5.107.792c.139.47.203.96.19 1.452c0 2.544-.43 3.194.08 3.235a.28.28 0 0 0 .31-.25c.171-1.223 1.143-4.327.141-5.229c-1.873-1.642-4.006-.71-5.838-.63a.32.32 0 0 0 .01.63m5.668 16.805a.28.28 0 1 0-.56 0c0 .1.37 4.076 0 4.417c-1.844 1.682-5.419.18-5.429 1.101a.31.31 0 0 0 .31.32q1.726.256 3.466.331c1.001-.06 2.473-.59 2.734-1.602c.32-1.262-.41-3.876-.521-4.567M12.1 9.564c-2.705-.12-3.075 3.195-.521 3.686a.284.284 0 0 0 .14-.551c-1.493-.521-1.172-2.224.3-2.063c1.212 0 1.803 1.612.47 1.942a.321.321 0 0 0 .121.631c2.394-.3 1.753-3.375-.51-3.645m0 7.732c-2.705-.12-3.105 3.194-.521 3.735a.284.284 0 1 0 .14-.55c-1.493-.522-1.172-2.224.3-2.064c1.212.05 1.803 1.613.47 1.953a.32.32 0 1 0 .121.62c2.394-.35 1.753-3.424-.51-3.694m-9.174-5.789a.28.28 0 0 0 .54.14a1.2 1.2 0 0 1 1.332-1.001c1.002.19 1.002 2.063-.11 2.423a.83.83 0 0 1-1.101-.7a.32.32 0 0 0-.631.11c.3 2.363 3.375 1.762 3.645-.501c.12-2.654-3.195-3.025-3.675-.471M12.1 2.594c-2.705-.12-3.105 3.195-.521 3.675a.28.28 0 1 0 .14-.54c-1.493-.521-1.172-2.224.3-2.064c1.212 0 1.803 1.613.47 1.943a.32.32 0 0 0 .121.631c2.394-.3 1.753-3.375-.51-3.645m7.29 10.526a.832.832 0 0 1-1.102-.702a.32.32 0 0 0-.242-.252a.314.314 0 0 0-.378.363c.3 2.363 3.364 1.762 3.635-.501c.12-2.704-3.195-3.075-3.676-.521a.28.28 0 0 0 .541.14a1.2 1.2 0 0 1 1.342-1.001c1.032.24 1.002 2.113-.12 2.473"/></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. FocusCrossIcon.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.