Home/Libraries/IonIcons/social-google

IonIcons

SocialGoogle

License: MITCommercial Safe

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 512 512"><path d="M325.862 275.558l-18.187-13.653-.063-.051c-5.827-4.579-9.952-8.313-9.952-14.685 0-6.979 5.049-11.824 10.896-17.436l.466-.449c20.025-15.171 44.726-34.286 44.726-74.556 0-26.934-11.916-44.729-23.28-57.729h12.969l60.322-33H270.308c-25.324 0-62.68 3.225-94.561 28.576l-.128.25c-21.809 18.111-34.828 44.584-34.828 70.691 0 21.197 8.706 42.159 23.885 57.447 21.428 21.579 48.302 26.127 67.074 26.127 1.462 0 2.956-.028 4.47-.093-.759 2.969-1.25 6.321-1.25 10.321 0 10.926 3.628 19.301 8.083 26.195-23.963 1.932-58.148 6.477-84.897 22.278-39.335 22.562-42.396 55.875-42.396 65.551 0 38.207 35.707 76.762 115.479 76.762 91.611 0 139.543-49.792 139.543-98.979-.001-37.159-22.837-55.668-44.92-73.567zM200.485 139.894c0-13.359 3.02-23.457 9.255-30.9 6.514-7.852 18.18-13.129 29.028-13.129 19.881 0 32.938 15.008 40.388 27.598 9.199 15.539 14.913 36.095 14.913 53.643 0 4.942 0 19.983-10.188 29.796-6.951 6.686-18.707 11.353-28.59 11.353-20.503 0-33.453-14.705-40.707-27.041-10.395-17.684-14.099-38.105-14.099-51.32zM321.6 367.974c0 27.444-25.212 44.493-65.799 44.493-48.058 0-80.347-20.603-80.347-51.265 0-26.14 21.54-36.789 37.8-42.521 18.944-6.064 44.297-7.305 50.062-7.305 3.907 0 6.087 0 8.683.229 36.701 25.211 49.601 36.128 49.601 56.369z" fill="#818cf8"/></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 react-ionicons) 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. SocialGoogleIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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