ICONYZ
Español
Icono Google de theSVG Color

Icono Google

thesvg-color:google

El icono Google (thesvg-color:google) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 268 × 274. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
theSVG Color
Autor
thesvg.org
Licencia
MIT
Tamaño
268 × 274
Descargar SVG

Código SVG

<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>

Cómo usar el icono Google

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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/google.svg" alt="Icono Google" width="24" height="24">

Iconos relacionados en theSVG Color

Icono google-admob
google-admob
 Icono google-ads
google-ads
 Icono google-adsense
google-adsense
 Icono google-analytics
google-analytics
 Icono google-antigravity
google-antigravity
 Icono google-apps-script
google-apps-script
 Icono google-assistant
google-assistant
 Icono google-authenticator
google-authenticator
 Icono google-bigquery
google-bigquery
 Icono google-bigtable
google-bigtable
 Icono google-calendar
google-calendar
 Icono google-calendar-2026
google-calendar-2026
 Icono google-campaign-manager-360
google-campaign-manager-360
 Icono google-cardboard
google-cardboard
 Icono google-cast
google-cast
 Icono google-chat
google-chat
 Icono google-chat-2026
google-chat-2026
 Icono google-chrome
google-chrome
 Icono google-chronicle
google-chronicle
 Icono google-classroom
google-classroom
 Icono google-cloud
google-cloud
 Icono google-cloud-composer
google-cloud-composer
 Icono google-cloud-spanner
google-cloud-spanner
 Icono google-cloud-storage
google-cloud-storage

El icono Google en otras colecciones

Icono Google de Material Design Icons
Material Design Icons
 Icono Google de Bootstrap Icons
Bootstrap Icons
 Icono Google de Arcticons
Arcticons
 Icono Google de Boxicons Brands
Boxicons Brands
 Icono Google de CoreUI Brands
CoreUI Brands
 Icono Google de Dashicons
Dashicons
 Icono Google de Devicon
Devicon
 Icono Google de Devicon Plain
Devicon Plain
 Icono Google de Entypo+ Social
Entypo+ Social
 Icono Google de Feather Icon
Feather Icon
 Icono Google de Flat Color Icons
Flat Color Icons
 Icono Google de Flat UI Icons
Flat UI Icons

Preguntas frecuentes sobre Icono Google

¿El icono Google es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Google en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:google" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Google a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/google.svg" alt="Icono Google">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →