Google icon
thesvg-color:google
The Google icon (thesvg-color:google) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 268 × 274 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 268 × 274
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="268" height="274" viewBox="0 0 268 274"><defs><linearGradient id="SVGZNkq9fQI"><stop offset="0" stop-color="#0fbc5c"/><stop offset="1" stop-color="#0cba65"/></linearGradient><linearGradient id="SVGa7u2he3e"><stop offset=".231" stop-color="#0fbc5f"/><stop offset=".312" stop-color="#0fbc5f"/><stop offset=".366" stop-color="#0fbc5e"/><stop offset=".458" stop-color="#0fbc5d"/><stop offset=".54" stop-color="#12bc58"/><stop offset=".699" stop-color="#28bf3c"/><stop offset=".771" stop-color="#38c02b"/><stop offset=".861" stop-color="#52c218"/><stop offset=".915" stop-color="#67c30f"/><stop offset="1" stop-color="#86c504"/></linearGradient><linearGradient id="SVGxqvJAdTr"><stop offset=".142" stop-color="#1abd4d"/><stop offset=".248" stop-color="#6ec30d"/><stop offset=".312" stop-color="#8ac502"/><stop offset=".366" stop-color="#a2c600"/><stop offset=".446" stop-color="#c8c903"/><stop offset=".54" stop-color="#ebcb03"/><stop offset=".616" stop-color="#f7cd07"/><stop offset=".699" stop-color="#fdcd04"/><stop offset=".771" stop-color="#fdce05"/><stop offset=".861" stop-color="#ffce0a"/></linearGradient><linearGradient id="SVG5qejicOk"><stop offset=".316" stop-color="#ff4c3c"/><stop offset=".604" stop-color="#ff692c"/><stop offset=".727" stop-color="#ff7825"/><stop offset=".885" stop-color="#ff8d1b"/><stop offset="1" stop-color="#ff9f13"/></linearGradient><linearGradient id="SVGgjQ2Ldgw"><stop offset=".231" stop-color="#ff4541"/><stop offset=".312" stop-color="#ff4540"/><stop offset=".458" stop-color="#ff4640"/><stop offset=".54" stop-color="#ff473f"/><stop offset=".699" stop-color="#ff5138"/><stop offset=".771" stop-color="#ff5b33"/><stop offset=".861" stop-color="#ff6c29"/><stop offset="1" stop-color="#ff8c18"/></linearGradient><linearGradient id="SVGTqkXcbra"><stop offset=".408" stop-color="#fb4e5a"/><stop offset="1" stop-color="#ff4540"/></linearGradient><linearGradient id="SVGCKSoMHrV"><stop offset=".132" stop-color="#0cba65"/><stop offset=".21" stop-color="#0bb86d"/><stop offset=".297" stop-color="#09b479"/><stop offset=".396" stop-color="#08ad93"/><stop offset=".477" stop-color="#0aa6a9"/><stop offset=".568" stop-color="#0d9cc6"/><stop offset=".667" stop-color="#1893dd"/><stop offset=".769" stop-color="#258bf1"/><stop offset=".859" stop-color="#3086ff"/></linearGradient><linearGradient id="SVGTf8sacTC"><stop offset=".366" stop-color="#ff4e3a"/><stop offset=".458" stop-color="#ff8a1b"/><stop offset=".54" stop-color="#ffa312"/><stop offset=".616" stop-color="#ffb60c"/><stop offset=".771" stop-color="#ffcd0a"/><stop offset=".861" stop-color="#fecf0a"/><stop offset=".915" stop-color="#fecf08"/><stop offset="1" stop-color="#fdcd01"/></linearGradient><linearGradient id="SVGI2vzscAb" x1="219.7" x2="254.467" y1="329.535" y2="329.535" gradientUnits="userSpaceOnUse" href="#SVGZNkq9fQI"/><radialGradient id="SVGaZvsnddG" cx="109.627" cy="135.862" r="71.46" fx="109.627" fy="135.862" gradientTransform="matrix(-1.93688 1.043 1.45573 2.55542 290.525 -400.634)" gradientUnits="userSpaceOnUse" href="#SVGgjQ2Ldgw"/><radialGradient id="SVGBoZr2b5u" cx="45.259" cy="279.274" r="71.46" fx="45.259" fy="279.274" gradientTransform="matrix(-3.5126 -4.45809 -1.69255 1.26062 870.8 191.554)" gradientUnits="userSpaceOnUse" href="#SVGCKSoMHrV"/><radialGradient id="SVGTknXQbmP" cx="304.017" cy="118.009" r="47.854" fx="304.017" fy="118.009" gradientTransform="matrix(2.06435 0 0 2.59204 -297.679 -151.747)" gradientUnits="userSpaceOnUse" href="#SVGTqkXcbra"/><radialGradient id="SVGG9Sx6dLX" cx="181.001" cy="177.201" r="71.46" fx="181.001" fy="177.201" gradientTransform="matrix(-.24858 2.08314 2.96249 .33417 -255.146 -331.164)" gradientUnits="userSpaceOnUse" href="#SVGTf8sacTC"/><radialGradient id="SVGVdC2oeya" cx="207.673" cy="108.097" r="41.102" fx="207.673" fy="108.097" gradientTransform="matrix(-1.2492 1.34326 -3.89684 -3.4257 880.501 194.905)" gradientUnits="userSpaceOnUse" href="#SVG5qejicOk"/><radialGradient id="SVGg39cobOC" cx="109.627" cy="135.862" r="71.46" fx="109.627" fy="135.862" gradientTransform="matrix(-1.93688 -1.043 1.45573 -2.55542 290.525 838.683)" gradientUnits="userSpaceOnUse" href="#SVGa7u2he3e"/><radialGradient id="SVGeUF5YcKt" cx="154.87" cy="145.969" r="71.46" fx="154.87" fy="145.969" gradientTransform="matrix(-.0814 -1.93722 2.92674 -.11625 -215.135 632.86)" gradientUnits="userSpaceOnUse" href="#SVGxqvJAdTr"/><filter id="SVG1nMexbNo" width="1.097" height="1.116" x="-.048" y="-.058" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="1.701"/></filter><filter id="SVGUpyyMc2z" width="1.033" height="1.02" x="-.017" y="-.01" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".242"/></filter><clipPath id="SVGSWUJIwoK" clipPathUnits="userSpaceOnUse"><path d="M371.378 193.24H237.083v53.438h77.167c-1.241 7.563-4.026 15.003-8.105 21.786c-4.674 7.773-10.451 13.69-16.373 18.196c-17.74 13.498-38.42 16.258-52.783 16.258c-36.283 0-67.283-23.286-79.285-54.928c-.484-1.149-.805-2.335-1.197-3.507a81.1 81.1 0 0 1-4.101-25.448c0-9.226 1.569-18.057 4.43-26.398c11.285-32.897 42.985-57.467 80.179-57.467c7.481 0 14.685.884 21.517 2.648a77.7 77.7 0 0 1 33.425 18.25l40.834-39.712c-24.839-22.616-57.219-36.32-95.844-36.32c-30.878 0-59.386 9.553-82.748 25.7c-18.945 13.093-34.483 30.625-44.97 50.985c-9.753 18.879-15.094 39.8-15.094 62.294c0 22.495 5.35 43.633 15.103 62.337v.126c10.302 19.857 25.368 36.954 43.678 49.988c15.997 11.386 44.68 26.551 84.031 26.551c22.63 0 42.687-4.051 60.375-11.644c12.76-5.478 24.065-12.622 34.301-21.804c13.525-12.132 24.117-27.139 31.347-44.404s11.097-36.79 11.097-57.957c0-9.858-.998-19.87-2.689-28.968"/></clipPath></defs><g clip-path="url(#SVGSWUJIwoK)" transform="matrix(.95792 0 0 .98525 -90.174 -78.856)"><path fill="url(#SVGeUF5YcKt)" d="M92.076 219.958c.148 22.14 6.501 44.983 16.117 63.424v.127c6.949 13.392 16.445 23.97 27.26 34.452l65.327-23.67c-12.36-6.235-14.246-10.055-23.105-17.026c-9.054-9.066-15.802-19.473-20.004-31.677h-.17l.17-.127c-2.765-8.058-3.037-16.613-3.14-25.503Z" filter="url(#SVGUpyyMc2z)"/><path fill="url(#SVGTknXQbmP)" d="M237.083 79.025c-6.456 22.526-3.988 44.421 0 57.161c7.457.006 14.64.888 21.45 2.647a77.66 77.66 0 0 1 33.424 18.25l41.88-40.726c-24.81-22.59-54.667-37.297-96.754-37.332" filter="url(#SVGUpyyMc2z)"/><path fill="url(#SVGaZvsnddG)" d="M236.943 78.847c-31.67 0-60.91 9.798-84.871 26.359a145.5 145.5 0 0 0-24.332 21.15c-1.904 17.744 14.257 39.551 46.262 39.37c15.528-17.936 38.495-29.542 64.056-29.542l.07.002l-1.044-57.335z" filter="url(#SVGUpyyMc2z)"/><path fill="url(#SVGBoZr2b5u)" d="m341.475 226.379l-28.268 19.285c-1.24 7.562-4.028 15.002-8.107 21.786c-4.674 7.772-10.45 13.69-16.373 18.196c-17.702 13.47-38.328 16.244-52.687 16.255c-14.842 25.102-17.444 37.675 1.043 57.934c22.877-.016 43.157-4.117 61.046-11.796c12.931-5.551 24.388-12.792 34.761-22.097c13.706-12.295 24.442-27.503 31.769-45s11.245-37.282 11.245-58.734Z" filter="url(#SVGUpyyMc2z)"/><path fill="#3086ff" d="M234.996 191.21v57.498h136.006c1.196-7.874 5.152-18.064 5.152-26.5c0-9.858-.996-21.899-2.687-30.998Z" filter="url(#SVGUpyyMc2z)"/><path fill="url(#SVGG9Sx6dLX)" d="M128.39 124.327c-8.394 9.119-15.564 19.326-21.249 30.364c-9.753 18.879-15.094 41.83-15.094 64.324c0 .317.026.627.029.944c4.32 8.224 59.666 6.649 62.456 0c-.004-.31-.039-.613-.039-.924c0-9.226 1.57-16.026 4.43-24.367c3.53-10.289 9.056-19.763 16.123-27.926c1.602-2.031 5.875-6.397 7.121-9.016c.475-.997-.862-1.557-.937-1.908c-.083-.393-1.876-.077-2.277-.37c-1.275-.929-3.8-1.414-5.334-1.845c-3.277-.921-8.708-2.953-11.725-5.06c-9.536-6.658-24.417-14.612-33.505-24.216Z" filter="url(#SVGUpyyMc2z)"/><path fill="url(#SVGVdC2oeya)" d="M162.099 155.857c22.112 13.301 28.471-6.714 43.173-12.977l-25.574-52.664a144.7 144.7 0 0 0-26.543 14.504c-12.316 8.512-23.192 18.9-32.176 30.72Z" filter="url(#SVG1nMexbNo)"/><path fill="url(#SVGg39cobOC)" d="M171.099 290.222c-29.683 10.641-34.33 11.023-37.062 29.29a145 145 0 0 0 16.792 13.984c15.996 11.386 46.766 26.551 86.118 26.551l.137-.004v-59.157l-.094.002c-14.736 0-26.512-3.843-38.585-10.527c-2.977-1.648-8.378 2.777-11.123.799c-3.786-2.729-12.9 2.35-16.183-.938" filter="url(#SVGUpyyMc2z)"/><path fill="url(#SVGI2vzscAb)" d="M219.7 299.023v59.996c5.506.64 11.236 1.028 17.247 1.028c6.026 0 11.855-.307 17.52-.872v-59.748a105 105 0 0 1-17.477 1.461c-5.932 0-11.7-.686-17.29-1.865" filter="url(#SVGUpyyMc2z)" opacity=".5"/></g></svg>
How to use the Google icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:google"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/google.svg" alt="Google icon" width="24" height="24">
Related icons in theSVG Color
Google icon in other icon sets
Google icon FAQ
Is the Google icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Google icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:google" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Google icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/google.svg" alt="Google icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
