Icône Google Workspace
thesvg-color:google-workspace
L'icône Google Workspace (thesvg-color:google-workspace) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 1216 × 192. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 1216 × 192
- Mots-clés
- googleworkspace
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1216" height="192" viewBox="0 0 1216 192"><defs><path id="SVGLhzMbbCm" fill="#3c90ff" d="M19.867 49.392C17.818 33.82 29.94 20 45.645 20h100.71c15.706 0 27.827 13.82 25.778 29.392L166 96l6.133 46.608C174.182 158.18 162.061 172 146.355 172H45.645c-15.706 0-27.827-13.82-25.778-29.392L26 96z"/></defs><g fill="none"><path fill="url(#SVGHzDbHcwG)" d="M146 44h38v110c0 6.627-5.373 12-12 12h-20a6 6 0 0 1-6-6z"/><path fill="#fc413d" d="M46 44H8v110c0 6.627 5.373 12 12 12h20a6 6 0 0 0 6-6z"/><path fill="url(#SVG41ATXboZ)" d="M39.226 30.456c-8.033-6.752-20.018-5.714-26.77 2.319c-6.752 8.032-5.714 20.017 2.319 26.77l76.078 63.949a8 8 0 0 0 10.295 0l76.078-63.95c8.032-6.752 9.07-18.737 2.318-26.77c-6.752-8.032-18.737-9.07-26.769-2.318L96 78.18z"/><defs><linearGradient id="SVGHzDbHcwG" x1="165" x2="165" y1="44" y2="166" gradientUnits="userSpaceOnUse"><stop stop-color="#60d673"/><stop offset=".17" stop-color="#42c868"/><stop offset=".39" stop-color="#0ebc5f"/><stop offset=".62" stop-color="#00a9bb"/><stop offset=".86" stop-color="#3c90ff"/><stop offset="1" stop-color="#3186ff"/></linearGradient><linearGradient id="SVG41ATXboZ" x1="8" x2="184" y1="46.13" y2="46.13" gradientUnits="userSpaceOnUse"><stop offset=".08" stop-color="#ff63a0"/><stop offset=".3" stop-color="#fc413d"/><stop offset=".5" stop-color="#fc413d"/><stop offset=".65" stop-color="#fc413d"/><stop offset=".72" stop-color="#fc5c30"/><stop offset=".86" stop-color="#feb10c"/><stop offset=".91" stop-color="#fec700"/><stop offset=".96" stop-color="#ffdb0f"/></linearGradient></defs><g transform="translate(256)"><path fill="#bbe2ff" d="M32 36.8C32 20.894 44.894 8 60.8 8h70.4C147.106 8 160 20.894 160 36.8v30.4c0 15.906-12.894 28.8-28.8 28.8H60.8C44.894 96 32 83.106 32 67.2z"/><use href="#SVGLhzMbbCm"/><mask id="SVGkpKSkctF" width="154" height="152" x="19" y="20" maskUnits="userSpaceOnUse" style="mask-type:alpha"><use href="#SVGLhzMbbCm"/></mask><g mask="url(#SVGkpKSkctF)"><path fill="url(#SVGAUTqNcwQ)" d="M0 0h166v76H0z" transform="matrix(1 0 0 -1 13 172)"/></g><mask id="SVGBwV4Xb4k" width="154" height="152" x="19" y="20" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#3186ff" d="M19.867 49.392C17.818 33.82 29.94 20 45.645 20h100.71c15.706 0 27.827 13.82 25.778 29.392L166 96l6.133 46.608C174.182 158.18 162.061 172 146.355 172H45.645c-15.706 0-27.827-13.82-25.778-29.392L26 96z"/></mask><g mask="url(#SVGBwV4Xb4k)"><path fill="url(#SVGMJemac7b)" d="M32 27.2C32 16.596 40.596 8 51.2 8h89.6c10.604 0 19.2 8.596 19.2 19.2V96H32z" filter="url(#SVGGQyK4bRj)"/></g><path fill="#fff" d="M75.353 133.336q-6.282 0-10.777-2.043t-7.61-5.465q-3.065-3.474-4.342-6.793T51.603 115a2.07 2.07 0 0 1 1.021-1.124l5.67-2.247q.714-.357 1.43-.102q.714.204 1.685 2.349q1.022 2.145 2.86 4.546a14.3 14.3 0 0 0 4.495 3.728q2.606 1.328 6.435 1.328q6.18 0 9.807-3.575q3.677-3.575 3.677-9.091q0-5.976-3.882-9.194q-3.881-3.269-10.266-3.269h-5.362a1.9 1.9 0 0 1-1.328-.51q-.51-.562-.511-1.277v-5.465q0-.767.51-1.277a1.82 1.82 0 0 1 1.329-.562h4.647q5.721 0 9.194-3.116t3.473-8.07q0-4.902-3.116-7.916t-8.58-3.014q-3.065 0-5.312 1.022a11.5 11.5 0 0 0-3.882 2.86a22.7 22.7 0 0 0-2.809 3.78q-1.174 1.941-1.89 2.145q-.714.153-1.379-.255l-5.363-2.605q-.664-.358-.868-1.124t1.226-3.575q1.481-2.86 4.494-5.823a21 21 0 0 1 7.049-4.597q4.035-1.635 9.398-1.634q9.96 0 15.782 5.26q5.823 5.21 5.823 13.791q0 5.925-2.86 10.266q-2.81 4.34-7.968 6.13v.204q6.231 1.838 9.806 6.741q3.627 4.853 3.626 11.594q0 9.654-6.742 15.834q-6.74 6.18-17.57 6.18zm51.25-1.175q-.868 0-1.533-.664a2.25 2.25 0 0 1-.612-1.583V73.118l-11.492 8.274q-.614.46-1.431.307a1.96 1.96 0 0 1-1.225-.766l-3.32-4.7a1.98 1.98 0 0 1-.358-1.43q.153-.816.817-1.276l20.379-14.557q.256-.204.562-.306q.307-.153.715-.153h4.291q.868 0 1.379.613q.562.56.562 1.43v69.36q0 .92-.664 1.583a2 2 0 0 1-1.533.664z"/><defs><linearGradient id="SVGAUTqNcwQ" x1="83" x2="83" y1="76" gradientUnits="userSpaceOnUse"><stop stop-color="#4fa0ff"/><stop offset="1" stop-color="#3186ff"/></linearGradient><linearGradient id="SVGMJemac7b" x1="89.06" x2="89.06" y1="21.75" y2="96.39" gradientUnits="userSpaceOnUse"><stop stop-color="#a9a8ff"/><stop offset=".8" stop-color="#3c90ff"/></linearGradient><filter id="SVGGQyK4bRj" width="152" height="112" x="20" y="-4" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_37330_7673" stdDeviation="6"/></filter></defs></g><g transform="translate(512)"><mask id="SVGgCHmrbFN" width="168" height="154" x="12" y="18" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#b43333" d="M63.09 37c14.626-25.333 51.193-25.334 65.819 0l45.033 78c14.626 25.334-3.657 57.001-32.91 57.001H50.967c-29.253 0-47.536-31.667-32.91-57.001z"/></mask><g mask="url(#SVGgCHmrbFN)"><path fill="url(#SVGlW9cjeVu)" d="M206.905 172.02h-91.888l-19.015-32.934l45.944-79.578z"/><path fill="url(#SVG8MKVFbNJ)" d="M-14.919 172.006L50.04 59.494v.002L31.032 92.422h38.02L115 172.004l-129.918.001z"/><path fill="url(#SVGPGjVKcCp)" d="M96.007-20.085L141.954 59.5l-19.011 32.928H31.048z"/></g><defs><linearGradient id="SVGlW9cjeVu" x1="193.6" x2="103.09" y1="165.6" y2="111.21" gradientUnits="userSpaceOnUse"><stop offset=".09" stop-color="#ffe921"/><stop offset="1" stop-color="#fec700"/></linearGradient><linearGradient id="SVG8MKVFbNJ" x1="114.4" x2="15.53" y1="181.61" y2="121.8" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#a9a8ff"/><stop offset=".33" stop-color="#6d97ff"/><stop offset=".48" stop-color="#3186ff"/></linearGradient><linearGradient id="SVGPGjVKcCp" x1="128.88" x2="28.7" y1="37.88" y2="84.64" gradientUnits="userSpaceOnUse"><stop offset=".55" stop-color="#0ebc5f"/><stop offset=".85" stop-color="#78c9ff"/></linearGradient></defs></g><g transform="translate(768)"><mask id="SVGCV6DEeJR" width="128" height="176" x="32" y="8" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#3186ff" d="M130.334 184H61.6c-8.943 0-13.415 0-16.962-1.404a20 20 0 0 1-11.233-11.234C32 167.815 32 163.343 32 154.4V37.6c0-8.943 0-13.415 1.404-16.963A20 20 0 0 1 44.639 9.404C48.185 8 52.657 8 61.6 8H100l54.793 54.793c1.661 1.661 2.492 2.492 3.13 3.43a12 12 0 0 1 1.862 4.502c.212 1.115.212 2.301.21 4.674c-.035 48.918-.057 49.4-.058 78.967c0 8.966 0 13.45-1.405 16.997a20 20 0 0 1-11.233 11.233C143.752 184 139.279 184 130.334 184"/></mask><g mask="url(#SVGCV6DEeJR)"><path fill="#3186ff" d="M159.94 184H32V8h68l59.999 60z"/><g filter="url(#SVGqbD8luoH)"><path fill="url(#SVGWeNIEeIi)" d="M43 192h106V20H43z"/></g></g><path fill="#76bbff" d="M154.995 62.995A14.93 14.93 0 0 0 146 60h-33.2c-7.069 0-12.8-5.73-12.8-12.8V8z"/><rect width="64" height="12" x="64.001" y="114" fill="#fff" rx="6"/><rect width="48" height="12" x="64.001" y="143" fill="#fff" rx="6"/><defs><linearGradient id="SVGWeNIEeIi" x1="96" x2="54.612" y1="59.284" y2="171.338" gradientUnits="userSpaceOnUse"><stop offset=".33" stop-color="#3186ff"/><stop offset="1" stop-color="#a9a8ff"/></linearGradient><filter id="SVGqbD8luoH" width="130" height="196" x="31" y="8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_37242_8762" stdDeviation="6"/></filter></defs></g><g transform="translate(1024)"><path fill="url(#SVGn7MQdcpE)" d="M110.015 108.88c-6.829-4.718-6.921-14.778-.179-19.62L165 49.643c7.94-5.701 19-.038 19 9.737v77.755c0 9.675-10.861 15.359-18.821 9.859z"/><path fill="url(#SVGYttsNcac)" d="M8 71c0-24.3 19.7-44 44-44h64c11.046 0 20 8.954 20 20v98c0 11.046-8.954 20-20 20H28c-11.046 0-20-8.954-20-20z"/><mask id="SVGUq8hDd0H" width="129" height="138" x="8" y="27" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M8 71c0-24.3 19.7-44 44-44h64c11.046 0 20 8.954 20 20v98c0 11.046-8.954 20-20 20H28c-11.046 0-20-8.954-20-20z"/></mask><g filter="url(#SVG5vOj3Sef)" mask="url(#SVGUq8hDd0H)"><path fill="url(#SVGg7gAEeAi)" d="m73.906 99.198l110-63.198v124z"/></g><circle cx="38" cy="135" r="14" fill="#fff"/><defs><linearGradient id="SVGn7MQdcpE" x1="128.8" x2="227.2" y1="104.44" y2="104.44" gradientUnits="userSpaceOnUse"><stop stop-color="#f6a100"/><stop offset="1" stop-color="#ffbe00"/></linearGradient><linearGradient id="SVGg7gAEeAi" x1="136.22" x2="78.5" y1="91.32" y2="91.19" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#ffb5e8"/><stop offset="1" stop-color="#ffdbf5" stop-opacity="0"/></linearGradient><radialGradient id="SVGYttsNcac" cx="0" cy="0" r="1" gradientTransform="matrix(-159.725 0 0 -135.852 160.325 96)" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#ffe921"/><stop offset="1" stop-color="#fec700"/></radialGradient><filter id="SVG5vOj3Sef" width="166" height="180" x="45.91" y="8" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_37584_9338" stdDeviation="14"/></filter></defs></g></g></svg>Comment utiliser l'icône Google Workspace
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:google-workspace" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:google-workspace" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:google-workspace" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--google-workspace]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:google-workspace"></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-workspace"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace.svg" alt="Icône Google Workspace" width="24" height="24">Icônes similaires dans theSVG Color
google
google-admob
google-ads
google-adsense
google-analytics
google-antigravity
google-apps-script
google-assistant
google-authenticator
google-bigquery
google-bigtable
google-calendar
google-calendar-2026
google-campaign-manager-360
google-cardboard
google-cast
google-chat
google-chat-2026
google-chrome
google-chronicle
google-classroom
google-cloud
google-cloud-composer
google-cloud-spanner
L'icône Google Workspace dans d'autres collections
FAQ : Icône Google Workspace
L'icône Google Workspace est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Google Workspace dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:google-workspace" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Google Workspace à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/google-workspace.svg" alt="Icône Google Workspace">, ou collez le code SVG directement dans la page pour le styliser en CSS.