ICONYZ
Türkçe
theSVG Color setinden Google ikonu

Google ikonu

thesvg-color:google

Google ikonu (thesvg-color:google), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 268 × 274 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti
theSVG Color
Yazar
thesvg.org
Lisans
MIT
Boyut
268 × 274
SVG indir

SVG kodu

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

Google ikonu nasıl kullanılır

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 bileşeni

<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 görseli

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

theSVG Color setindeki benzer ikonlar

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

Diğer ikon setlerinde Google ikonu

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

Google ikonu: sık sorulan sorular

Google ikonu ticari kullanım için ücretsiz mi?

Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Google ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="thesvg-color:google" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Google ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/google.svg" alt="Google ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: theSVG Color ikonları →