google meet logo
google-meet from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- google-meet
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×201
- License
- CC0
Related icons in SVG Logos
google-2014google-360suitegoogle-admobgoogle-adsgoogle-adsensegoogle-adwordsgoogle-aistudiogoogle-aistudio-darkgoogle-analyticsgoogle-bardgoogle-bard-icongoogle-calendargoogle-calendar-2020google-cloudgoogle-cloud-functionsgoogle-cloud-platformgoogle-cloud-rungoogle-currentsgoogle-data-studiogoogle-developersgoogle-developers-icongoogle-domainsgoogle-domains-icongoogle-drive
Use the google meet logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 201"><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 transform="translate(-11.636 -39.273)scale(1.45454)"><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"/><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"/></g><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></svg>
React
import type { SVGProps } from "react";
export function LogosGoogleMeet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 201"><defs><linearGradient id="SVGn7MQdcpE" x1="128.8" x2="227.2" y1="104.44" y2="104.44" gradientUnits="userSpaceOnUse"><stop stopColor="#f6a100"/><stop offset="1" stopColor="#ffbe00"/></linearGradient><linearGradient id="SVGg7gAEeAi" x1="136.22" x2="78.5" y1="91.32" y2="91.19" gradientUnits="userSpaceOnUse"><stop offset=".15" stopColor="#ffb5e8"/><stop offset="1" stopColor="#ffdbf5" stopOpacity="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" stopColor="#ffe921"/><stop offset="1" stopColor="#fec700"/></radialGradient><filter id="SVG5vOj3Sef" width="166" height="180" x="45.91" y="8" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_37584_9338" stdDeviation="14"/></filter></defs><g transform="translate(-11.636 -39.273)scale(1.45454)"><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"/><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"/></g><mask id="SVGUq8hDd0H" width="129" height="138" x="8" y="27" maskUnits="userSpaceOnUse" style="maskType: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></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 201"><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 transform="translate(-11.636 -39.273)scale(1.45454)"><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"/><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"/></g><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></svg> </template>
CSS
.icon-google-meet {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20201%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGn7MQdcpE%22%20x1%3D%22128.8%22%20x2%3D%22227.2%22%20y1%3D%22104.44%22%20y2%3D%22104.44%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f6a100%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffbe00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGg7gAEeAi%22%20x1%3D%22136.22%22%20x2%3D%2278.5%22%20y1%3D%2291.32%22%20y2%3D%2291.19%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%23ffb5e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffdbf5%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGYttsNcac%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-159.725%200%200%20-135.852%20160.325%2096)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%23ffe921%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fec700%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22SVG5vOj3Sef%22%20width%3D%22166%22%20height%3D%22180%22%20x%3D%2245.91%22%20y%3D%228%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_37584_9338%22%20stdDeviation%3D%2214%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-11.636%20-39.273)scale(1.45454)%22%3E%3Cpath%20fill%3D%22url(%23SVGn7MQdcpE)%22%20d%3D%22M110.015%20108.88c-6.829-4.718-6.921-14.778-.179-19.62L165%2049.643c7.94-5.701%2019-.038%2019%209.737v77.755c0%209.675-10.861%2015.359-18.821%209.859z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYttsNcac)%22%20d%3D%22M8%2071c0-24.3%2019.7-44%2044-44h64c11.046%200%2020%208.954%2020%2020v98c0%2011.046-8.954%2020-20%2020H28c-11.046%200-20-8.954-20-20z%22%2F%3E%3Cg%20filter%3D%22url(%23SVG5vOj3Sef)%22%20mask%3D%22url(%23SVGUq8hDd0H)%22%3E%3Cpath%20fill%3D%22url(%23SVGg7gAEeAi)%22%20d%3D%22m73.906%2099.198l110-63.198v124z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%22135%22%20r%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cmask%20id%3D%22SVGUq8hDd0H%22%20width%3D%22129%22%20height%3D%22138%22%20x%3D%228%22%20y%3D%2227%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2071c0-24.3%2019.7-44%2044-44h64c11.046%200%2020%208.954%2020%2020v98c0%2011.046-8.954%2020-20%2020H28c-11.046%200-20-8.954-20-20z%22%2F%3E%3C%2Fmask%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20201%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGn7MQdcpE%22%20x1%3D%22128.8%22%20x2%3D%22227.2%22%20y1%3D%22104.44%22%20y2%3D%22104.44%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23f6a100%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffbe00%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGg7gAEeAi%22%20x1%3D%22136.22%22%20x2%3D%2278.5%22%20y1%3D%2291.32%22%20y2%3D%2291.19%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%23ffb5e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffdbf5%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGYttsNcac%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-159.725%200%200%20-135.852%20160.325%2096)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%23ffe921%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fec700%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22SVG5vOj3Sef%22%20width%3D%22166%22%20height%3D%22180%22%20x%3D%2245.91%22%20y%3D%228%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_37584_9338%22%20stdDeviation%3D%2214%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-11.636%20-39.273)scale(1.45454)%22%3E%3Cpath%20fill%3D%22url(%23SVGn7MQdcpE)%22%20d%3D%22M110.015%20108.88c-6.829-4.718-6.921-14.778-.179-19.62L165%2049.643c7.94-5.701%2019-.038%2019%209.737v77.755c0%209.675-10.861%2015.359-18.821%209.859z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGYttsNcac)%22%20d%3D%22M8%2071c0-24.3%2019.7-44%2044-44h64c11.046%200%2020%208.954%2020%2020v98c0%2011.046-8.954%2020-20%2020H28c-11.046%200-20-8.954-20-20z%22%2F%3E%3Cg%20filter%3D%22url(%23SVG5vOj3Sef)%22%20mask%3D%22url(%23SVGUq8hDd0H)%22%3E%3Cpath%20fill%3D%22url(%23SVGg7gAEeAi)%22%20d%3D%22m73.906%2099.198l110-63.198v124z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%22135%22%20r%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cmask%20id%3D%22SVGUq8hDd0H%22%20width%3D%22129%22%20height%3D%22138%22%20x%3D%228%22%20y%3D%2227%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aluminance%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%2071c0-24.3%2019.7-44%2044-44h64c11.046%200%2020%208.954%2020%2020v98c0%2011.046-8.954%2020-20%2020H28c-11.046%200-20-8.954-20-20z%22%2F%3E%3C%2Fmask%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/google-meet.svg?color=%231a73e8&size=48
