google drive logo
google-drive from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- google-drive
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×238
- License
- CC0
The same logo in other sets
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-2020
Use the google drive logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 238"><defs><linearGradient id="SVGjzk6ueva1" x1="86.924%" x2="7.63%" y1="94.294%" y2="45.952%"><stop offset="9%" stop-color="#ffe921"/><stop offset="100%" stop-color="#fec700"/></linearGradient><linearGradient id="SVGb0f7AcFJ1" x1="99.538%" x2="23.437%" y1="93.901%" y2="54.033%"><stop offset="15%" stop-color="#a9a8ff"/><stop offset="33%" stop-color="#6d97ff"/><stop offset="48%" stop-color="#3186ff"/></linearGradient><linearGradient id="SVGxMwz6dYk1" x1="87.128%" x2="-.639%" y1="51.518%" y2="93.078%"><stop offset="55%" stop-color="#0ebc5f"/><stop offset="85%" stop-color="#78c9ff"/></linearGradient><path id="SVGAiIt3btS1" d="M77.303 29.27c22.531-39.026 78.863-39.027 101.394 0l69.373 120.158c22.531 39.027-5.633 87.81-50.698 87.81H58.628c-45.065 0-73.23-48.783-50.698-87.81z"/></defs><mask id="SVG6FLXsceq1" fill="#fff"><use href="#SVGAiIt3btS1"/></mask><g mask="url(#SVG6FLXsceq1)"><path fill="url(#SVGjzk6ueva1)" d="M341.719 295.937H200.166l-29.293-50.735l70.777-122.589z" transform="translate(-42.87 -58.67)"/><path fill="url(#SVGb0f7AcFJ1)" d="m0 295.916l100.069-173.325v.003l-29.282 50.723h58.57l70.783 122.596l-200.138.001z" transform="translate(-42.87 -58.67)"/><path fill="url(#SVGxMwz6dYk1)" d="m170.881 0l70.781 122.6l-29.286 50.726H70.812z" transform="translate(-42.87 -58.67)"/></g></svg>
React
import type { SVGProps } from "react";
export function LogosGoogleDrive(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 238"><defs><linearGradient id="SVGjzk6ueva1" x1="86.924%" x2="7.63%" y1="94.294%" y2="45.952%"><stop offset="9%" stopColor="#ffe921"/><stop offset="100%" stopColor="#fec700"/></linearGradient><linearGradient id="SVGb0f7AcFJ1" x1="99.538%" x2="23.437%" y1="93.901%" y2="54.033%"><stop offset="15%" stopColor="#a9a8ff"/><stop offset="33%" stopColor="#6d97ff"/><stop offset="48%" stopColor="#3186ff"/></linearGradient><linearGradient id="SVGxMwz6dYk1" x1="87.128%" x2="-.639%" y1="51.518%" y2="93.078%"><stop offset="55%" stopColor="#0ebc5f"/><stop offset="85%" stopColor="#78c9ff"/></linearGradient><path id="SVGAiIt3btS1" d="M77.303 29.27c22.531-39.026 78.863-39.027 101.394 0l69.373 120.158c22.531 39.027-5.633 87.81-50.698 87.81H58.628c-45.065 0-73.23-48.783-50.698-87.81z"/></defs><mask id="SVG6FLXsceq1" fill="#fff"><use href="#SVGAiIt3btS1"/></mask><g mask="url(#SVG6FLXsceq1)"><path fill="url(#SVGjzk6ueva1)" d="M341.719 295.937H200.166l-29.293-50.735l70.777-122.589z" transform="translate(-42.87 -58.67)"/><path fill="url(#SVGb0f7AcFJ1)" d="m0 295.916l100.069-173.325v.003l-29.282 50.723h58.57l70.783 122.596l-200.138.001z" transform="translate(-42.87 -58.67)"/><path fill="url(#SVGxMwz6dYk1)" d="m170.881 0l70.781 122.6l-29.286 50.726H70.812z" transform="translate(-42.87 -58.67)"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 238"><defs><linearGradient id="SVGjzk6ueva1" x1="86.924%" x2="7.63%" y1="94.294%" y2="45.952%"><stop offset="9%" stop-color="#ffe921"/><stop offset="100%" stop-color="#fec700"/></linearGradient><linearGradient id="SVGb0f7AcFJ1" x1="99.538%" x2="23.437%" y1="93.901%" y2="54.033%"><stop offset="15%" stop-color="#a9a8ff"/><stop offset="33%" stop-color="#6d97ff"/><stop offset="48%" stop-color="#3186ff"/></linearGradient><linearGradient id="SVGxMwz6dYk1" x1="87.128%" x2="-.639%" y1="51.518%" y2="93.078%"><stop offset="55%" stop-color="#0ebc5f"/><stop offset="85%" stop-color="#78c9ff"/></linearGradient><path id="SVGAiIt3btS1" d="M77.303 29.27c22.531-39.026 78.863-39.027 101.394 0l69.373 120.158c22.531 39.027-5.633 87.81-50.698 87.81H58.628c-45.065 0-73.23-48.783-50.698-87.81z"/></defs><mask id="SVG6FLXsceq1" fill="#fff"><use href="#SVGAiIt3btS1"/></mask><g mask="url(#SVG6FLXsceq1)"><path fill="url(#SVGjzk6ueva1)" d="M341.719 295.937H200.166l-29.293-50.735l70.777-122.589z" transform="translate(-42.87 -58.67)"/><path fill="url(#SVGb0f7AcFJ1)" d="m0 295.916l100.069-173.325v.003l-29.282 50.723h58.57l70.783 122.596l-200.138.001z" transform="translate(-42.87 -58.67)"/><path fill="url(#SVGxMwz6dYk1)" d="m170.881 0l70.781 122.6l-29.286 50.726H70.812z" transform="translate(-42.87 -58.67)"/></g></svg> </template>
CSS
.icon-google-drive {
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%20238%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGjzk6ueva1%22%20x1%3D%2286.924%25%22%20x2%3D%227.63%25%22%20y1%3D%2294.294%25%22%20y2%3D%2245.952%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%23ffe921%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fec700%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGb0f7AcFJ1%22%20x1%3D%2299.538%25%22%20x2%3D%2223.437%25%22%20y1%3D%2293.901%25%22%20y2%3D%2254.033%25%22%3E%3Cstop%20offset%3D%2215%25%22%20stop-color%3D%22%23a9a8ff%22%2F%3E%3Cstop%20offset%3D%2233%25%22%20stop-color%3D%22%236d97ff%22%2F%3E%3Cstop%20offset%3D%2248%25%22%20stop-color%3D%22%233186ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGxMwz6dYk1%22%20x1%3D%2287.128%25%22%20x2%3D%22-.639%25%22%20y1%3D%2251.518%25%22%20y2%3D%2293.078%25%22%3E%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%230ebc5f%22%2F%3E%3Cstop%20offset%3D%2285%25%22%20stop-color%3D%22%2378c9ff%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22SVGAiIt3btS1%22%20d%3D%22M77.303%2029.27c22.531-39.026%2078.863-39.027%20101.394%200l69.373%20120.158c22.531%2039.027-5.633%2087.81-50.698%2087.81H58.628c-45.065%200-73.23-48.783-50.698-87.81z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVG6FLXsceq1%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGAiIt3btS1%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVG6FLXsceq1)%22%3E%3Cpath%20fill%3D%22url(%23SVGjzk6ueva1)%22%20d%3D%22M341.719%20295.937H200.166l-29.293-50.735l70.777-122.589z%22%20transform%3D%22translate(-42.87%20-58.67)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGb0f7AcFJ1)%22%20d%3D%22m0%20295.916l100.069-173.325v.003l-29.282%2050.723h58.57l70.783%20122.596l-200.138.001z%22%20transform%3D%22translate(-42.87%20-58.67)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxMwz6dYk1)%22%20d%3D%22m170.881%200l70.781%20122.6l-29.286%2050.726H70.812z%22%20transform%3D%22translate(-42.87%20-58.67)%22%2F%3E%3C%2Fg%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%20238%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGjzk6ueva1%22%20x1%3D%2286.924%25%22%20x2%3D%227.63%25%22%20y1%3D%2294.294%25%22%20y2%3D%2245.952%25%22%3E%3Cstop%20offset%3D%229%25%22%20stop-color%3D%22%23ffe921%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fec700%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGb0f7AcFJ1%22%20x1%3D%2299.538%25%22%20x2%3D%2223.437%25%22%20y1%3D%2293.901%25%22%20y2%3D%2254.033%25%22%3E%3Cstop%20offset%3D%2215%25%22%20stop-color%3D%22%23a9a8ff%22%2F%3E%3Cstop%20offset%3D%2233%25%22%20stop-color%3D%22%236d97ff%22%2F%3E%3Cstop%20offset%3D%2248%25%22%20stop-color%3D%22%233186ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGxMwz6dYk1%22%20x1%3D%2287.128%25%22%20x2%3D%22-.639%25%22%20y1%3D%2251.518%25%22%20y2%3D%2293.078%25%22%3E%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%230ebc5f%22%2F%3E%3Cstop%20offset%3D%2285%25%22%20stop-color%3D%22%2378c9ff%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20id%3D%22SVGAiIt3btS1%22%20d%3D%22M77.303%2029.27c22.531-39.026%2078.863-39.027%20101.394%200l69.373%20120.158c22.531%2039.027-5.633%2087.81-50.698%2087.81H58.628c-45.065%200-73.23-48.783-50.698-87.81z%22%2F%3E%3C%2Fdefs%3E%3Cmask%20id%3D%22SVG6FLXsceq1%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGAiIt3btS1%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVG6FLXsceq1)%22%3E%3Cpath%20fill%3D%22url(%23SVGjzk6ueva1)%22%20d%3D%22M341.719%20295.937H200.166l-29.293-50.735l70.777-122.589z%22%20transform%3D%22translate(-42.87%20-58.67)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGb0f7AcFJ1)%22%20d%3D%22m0%20295.916l100.069-173.325v.003l-29.282%2050.723h58.57l70.783%20122.596l-200.138.001z%22%20transform%3D%22translate(-42.87%20-58.67)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxMwz6dYk1)%22%20d%3D%22m170.881%200l70.781%20122.6l-29.286%2050.726H70.812z%22%20transform%3D%22translate(-42.87%20-58.67)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/google-drive.svg?color=%231a73e8&size=48
