Home/Libraries/Material Design Iconic Font (Iconify)/google-earth

Material Design Iconic Font (Iconify)

GoogleEarth

License: OFL-1.1

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 432 432"><path fill="#818cf8" d="M222 121q114 108 165 114q1-11 1-19q0-25-7-50q-4 9-11 10t-15.5-5.5T339 156t-14.5-18.5t-10-15t-3.5-6.5q-47-66-163-62q-32 13-56 36q65-30 130 31m143 182q11-20 16-39q-33-3-85.5-29.5T208 183l-35-25q-74-58-127 9q-8 24-8 49q0 38 16 73q9-26 25-26q15 0 40.5 13.5T161 295q10 3 31 10l31.5 10.5L250 322l30 3q12 0 22-1.5t20-4.5t15.5-4.5t15.5-6t12-5.5m-152 88q76 0 128-56q-45 13-83.5 13t-62.5-7l-25-8q-26-8-31 6t7 38q32 14 67 14m0-388q88 0 151 62.5T427 216t-62.5 150.5t-151 62.5t-151-62.5T0 216T62.5 65.5T213 3"/></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. GoogleEarthIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **OFL-1.1** 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.