ICONYZ
العربية
أيقونة Google من theSVG Color

أيقونة Google

thesvg-color:google

أيقونة Google (thesvg-color:google) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 268 × 274. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
268 × 274
تنزيل SVG

شيفرة 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>

كيفية استخدام أيقونة 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>

مكوّن ويب

<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

<img src="https://iconyz.com/api/public/svg/thesvg-color/google.svg" alt="أيقونة Google" width="24" height="24">

أيقونات ذات صلة في theSVG Color

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

أيقونة Google في مجموعات أخرى

أيقونة Google من Material Design Icons
Material Design Icons
 أيقونة Google من Bootstrap Icons
Bootstrap Icons
 أيقونة Google من Arcticons
Arcticons
 أيقونة Google من Boxicons Brands
Boxicons Brands
 أيقونة Google من CoreUI Brands
CoreUI Brands
 أيقونة Google من Dashicons
Dashicons
 أيقونة Google من Devicon
Devicon
 أيقونة Google من Devicon Plain
Devicon Plain
 أيقونة Google من Entypo+ Social
Entypo+ Social
 أيقونة Google من Feather Icon
Feather Icon
 أيقونة Google من Flat Color Icons
Flat Color Icons
 أيقونة Google من Flat UI Icons
Flat UI Icons

الأسئلة الشائعة حول أيقونة Google

هل أيقونة Google مجانية للاستخدام التجاري؟

نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Google في React؟

ثبّت @iconify/react واعرض <Icon icon="thesvg-color:google" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Google إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/google.svg" alt="أيقونة Google">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات theSVG Color →