Home/Libraries/IonIcons/social-google-outline

IonIcons

SocialGoogleOutline

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="M319.408 82.141c11.779 9.576 36.43 29.718 36.43 68.043 0 37.295-21.547 54.934-43.094 71.545-6.695 6.561-14.385 13.608-14.385 24.701 0 11.092 7.689 17.153 13.336 21.671l18.473 14.108c22.598 18.641 43.125 35.795 43.125 70.559 0 47.373-46.721 95.232-135.003 95.232-74.428 0-110.343-34.766-110.343-72.061 0-18.139 9.245-43.827 39.525-61.48 31.798-19.142 74.952-21.657 98.023-23.172-7.178-9.078-15.382-18.67-15.382-34.265 0-8.577 2.557-13.609 5.12-19.655-5.648.5-11.283 1-16.42 1-54.408 0-85.214-39.811-85.214-79.107 0-23.186 10.802-48.902 32.856-67.543C215.724 68.031 250.637 64 278.328 64h105.725l-32.846 18.141h-31.799zm-36.453 223.755c-4.137-.501-6.684-.501-11.793-.501-4.629 0-32.348 1.002-53.895 8.049-11.3 4.046-44.146 16.125-44.146 51.918 0 35.78 35.393 61.467 90.339 61.467 49.283 0 75.432-23.156 75.432-54.404.001-25.718-16.921-39.312-55.937-66.529m14.879-95.748c11.824-11.592 12.844-27.73 12.844-36.793 0-36.281-22.086-92.73-64.671-92.73-13.339 0-27.724 6.547-35.948 16.639-8.722 10.593-11.284 24.188-11.284 37.281 0 33.764 20.005 89.727 64.163 89.727 12.826-.001 26.656-6.06 34.896-14.124" 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. SocialGoogleOutlineIcon.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.