google drive 2020 logo
google-drive-2020 from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- google-drive-2020
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×229
- 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 drive 2020 logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 229"><path fill="#0066da" d="m19.354 196.034l11.29 19.5c2.346 4.106 5.718 7.332 9.677 9.678q17.009-21.591 23.68-33.137q6.77-11.717 16.641-36.655q-26.604-3.502-40.32-3.502q-13.165 0-40.322 3.502c0 4.545 1.173 9.09 3.519 13.196z"/><path fill="#ea4335" d="M215.681 225.212c3.96-2.346 7.332-5.572 9.677-9.677l4.692-8.064l22.434-38.855a26.57 26.57 0 0 0 3.518-13.196q-27.315-3.502-40.247-3.502q-13.899 0-40.248 3.502q9.754 25.075 16.422 36.655q6.724 11.683 23.752 33.137"/><path fill="#00832d" d="M128.001 73.311q19.68-23.768 27.125-36.655q5.996-10.377 13.196-33.137C164.363 1.173 159.818 0 155.126 0h-54.25C96.184 0 91.64 1.32 87.68 3.519q9.16 26.103 15.544 37.154q7.056 12.213 24.777 32.638"/><path fill="#2684fc" d="M175.36 155.42H80.642l-40.32 69.792c3.958 2.346 8.503 3.519 13.195 3.519h148.968c4.692 0 9.238-1.32 13.196-3.52z"/><path fill="#00ac47" d="M128.001 73.311L87.681 3.52c-3.96 2.346-7.332 5.571-9.678 9.677L3.519 142.224A26.57 26.57 0 0 0 0 155.42h80.642z"/><path fill="#ffba00" d="m215.242 77.71l-37.243-64.514c-2.345-4.106-5.718-7.331-9.677-9.677l-40.32 69.792l47.358 82.109h80.496c0-4.546-1.173-9.09-3.519-13.196z"/></svg>
React
import type { SVGProps } from "react";
export function LogosGoogleDrive2020(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 229"><path fill="#0066da" d="m19.354 196.034l11.29 19.5c2.346 4.106 5.718 7.332 9.677 9.678q17.009-21.591 23.68-33.137q6.77-11.717 16.641-36.655q-26.604-3.502-40.32-3.502q-13.165 0-40.322 3.502c0 4.545 1.173 9.09 3.519 13.196z"/><path fill="#ea4335" d="M215.681 225.212c3.96-2.346 7.332-5.572 9.677-9.677l4.692-8.064l22.434-38.855a26.57 26.57 0 0 0 3.518-13.196q-27.315-3.502-40.247-3.502q-13.899 0-40.248 3.502q9.754 25.075 16.422 36.655q6.724 11.683 23.752 33.137"/><path fill="#00832d" d="M128.001 73.311q19.68-23.768 27.125-36.655q5.996-10.377 13.196-33.137C164.363 1.173 159.818 0 155.126 0h-54.25C96.184 0 91.64 1.32 87.68 3.519q9.16 26.103 15.544 37.154q7.056 12.213 24.777 32.638"/><path fill="#2684fc" d="M175.36 155.42H80.642l-40.32 69.792c3.958 2.346 8.503 3.519 13.195 3.519h148.968c4.692 0 9.238-1.32 13.196-3.52z"/><path fill="#00ac47" d="M128.001 73.311L87.681 3.52c-3.96 2.346-7.332 5.571-9.678 9.677L3.519 142.224A26.57 26.57 0 0 0 0 155.42h80.642z"/><path fill="#ffba00" d="m215.242 77.71l-37.243-64.514c-2.345-4.106-5.718-7.331-9.677-9.677l-40.32 69.792l47.358 82.109h80.496c0-4.546-1.173-9.09-3.519-13.196z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 229"><path fill="#0066da" d="m19.354 196.034l11.29 19.5c2.346 4.106 5.718 7.332 9.677 9.678q17.009-21.591 23.68-33.137q6.77-11.717 16.641-36.655q-26.604-3.502-40.32-3.502q-13.165 0-40.322 3.502c0 4.545 1.173 9.09 3.519 13.196z"/><path fill="#ea4335" d="M215.681 225.212c3.96-2.346 7.332-5.572 9.677-9.677l4.692-8.064l22.434-38.855a26.57 26.57 0 0 0 3.518-13.196q-27.315-3.502-40.247-3.502q-13.899 0-40.248 3.502q9.754 25.075 16.422 36.655q6.724 11.683 23.752 33.137"/><path fill="#00832d" d="M128.001 73.311q19.68-23.768 27.125-36.655q5.996-10.377 13.196-33.137C164.363 1.173 159.818 0 155.126 0h-54.25C96.184 0 91.64 1.32 87.68 3.519q9.16 26.103 15.544 37.154q7.056 12.213 24.777 32.638"/><path fill="#2684fc" d="M175.36 155.42H80.642l-40.32 69.792c3.958 2.346 8.503 3.519 13.195 3.519h148.968c4.692 0 9.238-1.32 13.196-3.52z"/><path fill="#00ac47" d="M128.001 73.311L87.681 3.52c-3.96 2.346-7.332 5.571-9.678 9.677L3.519 142.224A26.57 26.57 0 0 0 0 155.42h80.642z"/><path fill="#ffba00" d="m215.242 77.71l-37.243-64.514c-2.345-4.106-5.718-7.331-9.677-9.677l-40.32 69.792l47.358 82.109h80.496c0-4.546-1.173-9.09-3.519-13.196z"/></svg> </template>
CSS
.icon-google-drive-2020 {
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%20229%22%3E%3Cpath%20fill%3D%22%230066da%22%20d%3D%22m19.354%20196.034l11.29%2019.5c2.346%204.106%205.718%207.332%209.677%209.678q17.009-21.591%2023.68-33.137q6.77-11.717%2016.641-36.655q-26.604-3.502-40.32-3.502q-13.165%200-40.322%203.502c0%204.545%201.173%209.09%203.519%2013.196z%22%2F%3E%3Cpath%20fill%3D%22%23ea4335%22%20d%3D%22M215.681%20225.212c3.96-2.346%207.332-5.572%209.677-9.677l4.692-8.064l22.434-38.855a26.57%2026.57%200%200%200%203.518-13.196q-27.315-3.502-40.247-3.502q-13.899%200-40.248%203.502q9.754%2025.075%2016.422%2036.655q6.724%2011.683%2023.752%2033.137%22%2F%3E%3Cpath%20fill%3D%22%2300832d%22%20d%3D%22M128.001%2073.311q19.68-23.768%2027.125-36.655q5.996-10.377%2013.196-33.137C164.363%201.173%20159.818%200%20155.126%200h-54.25C96.184%200%2091.64%201.32%2087.68%203.519q9.16%2026.103%2015.544%2037.154q7.056%2012.213%2024.777%2032.638%22%2F%3E%3Cpath%20fill%3D%22%232684fc%22%20d%3D%22M175.36%20155.42H80.642l-40.32%2069.792c3.958%202.346%208.503%203.519%2013.195%203.519h148.968c4.692%200%209.238-1.32%2013.196-3.52z%22%2F%3E%3Cpath%20fill%3D%22%2300ac47%22%20d%3D%22M128.001%2073.311L87.681%203.52c-3.96%202.346-7.332%205.571-9.678%209.677L3.519%20142.224A26.57%2026.57%200%200%200%200%20155.42h80.642z%22%2F%3E%3Cpath%20fill%3D%22%23ffba00%22%20d%3D%22m215.242%2077.71l-37.243-64.514c-2.345-4.106-5.718-7.331-9.677-9.677l-40.32%2069.792l47.358%2082.109h80.496c0-4.546-1.173-9.09-3.519-13.196z%22%2F%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%20229%22%3E%3Cpath%20fill%3D%22%230066da%22%20d%3D%22m19.354%20196.034l11.29%2019.5c2.346%204.106%205.718%207.332%209.677%209.678q17.009-21.591%2023.68-33.137q6.77-11.717%2016.641-36.655q-26.604-3.502-40.32-3.502q-13.165%200-40.322%203.502c0%204.545%201.173%209.09%203.519%2013.196z%22%2F%3E%3Cpath%20fill%3D%22%23ea4335%22%20d%3D%22M215.681%20225.212c3.96-2.346%207.332-5.572%209.677-9.677l4.692-8.064l22.434-38.855a26.57%2026.57%200%200%200%203.518-13.196q-27.315-3.502-40.247-3.502q-13.899%200-40.248%203.502q9.754%2025.075%2016.422%2036.655q6.724%2011.683%2023.752%2033.137%22%2F%3E%3Cpath%20fill%3D%22%2300832d%22%20d%3D%22M128.001%2073.311q19.68-23.768%2027.125-36.655q5.996-10.377%2013.196-33.137C164.363%201.173%20159.818%200%20155.126%200h-54.25C96.184%200%2091.64%201.32%2087.68%203.519q9.16%2026.103%2015.544%2037.154q7.056%2012.213%2024.777%2032.638%22%2F%3E%3Cpath%20fill%3D%22%232684fc%22%20d%3D%22M175.36%20155.42H80.642l-40.32%2069.792c3.958%202.346%208.503%203.519%2013.195%203.519h148.968c4.692%200%209.238-1.32%2013.196-3.52z%22%2F%3E%3Cpath%20fill%3D%22%2300ac47%22%20d%3D%22M128.001%2073.311L87.681%203.52c-3.96%202.346-7.332%205.571-9.678%209.677L3.519%20142.224A26.57%2026.57%200%200%200%200%20155.42h80.642z%22%2F%3E%3Cpath%20fill%3D%22%23ffba00%22%20d%3D%22m215.242%2077.71l-37.243-64.514c-2.345-4.106-5.718-7.331-9.677-9.677l-40.32%2069.792l47.358%2082.109h80.496c0-4.546-1.173-9.09-3.519-13.196z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/google-drive-2020.svg?color=%231a73e8&size=48
