Home/Libraries/Arcticons (Iconify)/geomag

Arcticons (Iconify)

Geomag

License: CC-BY-SA-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 48 48"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M29.834 6.47a1.77 1.77 0 0 1 2.94-.33c1.92 2.34 3.78 4.73 5.68 7.09c.34-1.55-.16-3.7 1.36-4.68a1.85 1.85 0 0 1 2.68 1.65c-.21 2.47-.64 4.93-.83 7.41c0 1.06-.82 2.29-2 2.11c-2.48-.34-5-.62-7.45-1a1.91 1.91 0 0 1-1.22-3.1c1.18-1.26 3-.27 4.43-.27c-1.76-2.09-3.43-4.25-5.11-6.35a2.13 2.13 0 0 1-.48-2.53m-20.26.79a1.8 1.8 0 0 1 3.24.54c.31 1.57-1 2.79-1.63 4.12c2.8-.77 5.58-1.57 8.38-2.31a1.86 1.86 0 0 1 2.19 2.32c-.16.91-1.07 1.32-1.85 1.51c-2.6.71-5.19 1.46-7.79 2.14c1.11.76 2.58 1.16 3.36 2.34a1.87 1.87 0 0 1-2.21 2.64c-2.3-1.2-4.48-2.65-6.77-3.88a2 2 0 0 1-.712-2.738l.002-.002c1.31-2.2 2.47-4.49 3.79-6.68M8.573 29.33c2.52-.73 5.08-1.3 7.6-2a1.86 1.86 0 0 1 2.28 1.43c.52 2.57 1.27 5.08 1.79 7.65a1.84 1.84 0 0 1-3 1.76c-.91-1.11-.86-2.72-1.3-4.05c-1.26 2.31-2.6 4.57-3.88 6.87a2.8 2.8 0 0 1-1.62 1.46A1.86 1.86 0 0 1 8.354 41a3 3 0 0 1 .64-2.18c1.31-2.23 2.54-4.5 3.86-6.72c-1.37.27-2.73 1-4.14.8a1.92 1.92 0 0 1-.14-3.57m30.42.77a2 2 0 0 1 2.45-.7a1.89 1.89 0 0 1 .52 3c-2 2.11-4.06 4.23-6.14 6.29c1.34.11 2.85-.36 4.07.33a1.89 1.89 0 0 1-.9 3.42c-2.51.08-5 0-7.55.06a1.94 1.94 0 0 1-1.93-2.22c.1-2.49 0-5 .07-7.47a1.83 1.83 0 0 1 3.12-1.14c1 1.19.47 2.89.58 4.31c1.86-1.98 3.79-3.92 5.71-5.88"/></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. GeomagIcon.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-SA-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.

Related Icons in Arcticons (Iconify)

Browse all Arcticons (Iconify) icons →

100