Home/Libraries/Freehand free icons (Iconify)/gps-location-rectangle

Freehand free icons (Iconify)

GpsLocationRectangle

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M23.798 4.856c-.06-3.295-.208-4.957-6.84-4.708C16.4.17 4.954-.085 3.836.03C.1.41.295 3.033.245 6.44c-.256 13.686-.1 14.79.988 15.952a7.7 7.7 0 0 0 5.477 1.57c19.713-1.041 17.152 4.085 16.924-17.857a.39.39 0 0 0-.383-.382c-.77 0-.23 1.01-.343 9.323c-.13 10.454.143 6.813-16.257 7.585a6.73 6.73 0 0 1-4.43-1.157c-.73-.784-.63-2.415-.642-3.464C1.543 1 .109 1.263 6.515 1.207C23.07 1.053 22.48.694 22.925 3.62c.142 1.082-.03 1.646.514 1.633a.39.39 0 0 0 .359-.397"/><path d="M9.286 15.1c.22 1.579.743 3.1 1.539 4.482c1.63 1.713 4.103.303 5.17-1.746a82 82 0 0 0 3.17-7.91c.709-1.832 1.283-3.334-.176-4.76c-1.156-1.256-3.508-.256-5.072.282c-2.025.698-7.364 2.385-8.664 3.877c-2.526 2.898.395 4.565 4.033 5.775m.685-1.205c-.91-.257-3.898-1.377-4.318-2.308c-.964-1.998 9.965-5.91 11.283-6.141s1.238.256 1.494.256c1.103 1.19.513 2.323-.17 3.846c-1.01 2.288-1.994 5.129-3.4 7.693c-.62 1.144-2.163 2.392-3.076 1.418a13.9 13.9 0 0 1-1.218-4.164a.676.676 0 0 0-.595-.6"/></g></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. GpsLocationRectangleIcon.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.