google drive icon
google-drive from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- google-drive
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the google drive icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.017 19.412l1.407-2.583c.387-.71.58-1.067.576-1.451s-.208-.736-.613-1.438l-5.442-9.417c-.43-.743-.644-1.114-1.002-1.319S14.15 3 13.277 3h-2.554c-.872 0-1.308 0-1.666.204c-.358.205-.573.576-1.002 1.319L2.613 13.94c-.405.702-.608 1.053-.613 1.438c-.005.384.189.74.576 1.451l1.408 2.583c.421.774.632 1.16.996 1.374S5.792 21 6.688 21h10.624c.896 0 1.344 0 1.708-.214c.364-.213.575-.6.997-1.374M9 4l7 11M5.5 20.5L12 9m9 6H9"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsGoogleDrive(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m20.017 19.412l1.407-2.583c.387-.71.58-1.067.576-1.451s-.208-.736-.613-1.438l-5.442-9.417c-.43-.743-.644-1.114-1.002-1.319S14.15 3 13.277 3h-2.554c-.872 0-1.308 0-1.666.204c-.358.205-.573.576-1.002 1.319L2.613 13.94c-.405.702-.608 1.053-.613 1.438c-.005.384.189.74.576 1.451l1.408 2.583c.421.774.632 1.16.996 1.374S5.792 21 6.688 21h10.624c.896 0 1.344 0 1.708-.214c.364-.213.575-.6.997-1.374M9 4l7 11M5.5 20.5L12 9m9 6H9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.017 19.412l1.407-2.583c.387-.71.58-1.067.576-1.451s-.208-.736-.613-1.438l-5.442-9.417c-.43-.743-.644-1.114-1.002-1.319S14.15 3 13.277 3h-2.554c-.872 0-1.308 0-1.666.204c-.358.205-.573.576-1.002 1.319L2.613 13.94c-.405.702-.608 1.053-.613 1.438c-.005.384.189.74.576 1.451l1.408 2.583c.421.774.632 1.16.996 1.374S5.792 21 6.688 21h10.624c.896 0 1.344 0 1.708-.214c.364-.213.575-.6.997-1.374M9 4l7 11M5.5 20.5L12 9m9 6H9"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m20.017%2019.412l1.407-2.583c.387-.71.58-1.067.576-1.451s-.208-.736-.613-1.438l-5.442-9.417c-.43-.743-.644-1.114-1.002-1.319S14.15%203%2013.277%203h-2.554c-.872%200-1.308%200-1.666.204c-.358.205-.573.576-1.002%201.319L2.613%2013.94c-.405.702-.608%201.053-.613%201.438c-.005.384.189.74.576%201.451l1.408%202.583c.421.774.632%201.16.996%201.374S5.792%2021%206.688%2021h10.624c.896%200%201.344%200%201.708-.214c.364-.213.575-.6.997-1.374M9%204l7%2011M5.5%2020.5L12%209m9%206H9%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m20.017%2019.412l1.407-2.583c.387-.71.58-1.067.576-1.451s-.208-.736-.613-1.438l-5.442-9.417c-.43-.743-.644-1.114-1.002-1.319S14.15%203%2013.277%203h-2.554c-.872%200-1.308%200-1.666.204c-.358.205-.573.576-1.002%201.319L2.613%2013.94c-.405.702-.608%201.053-.613%201.438c-.005.384.189.74.576%201.451l1.408%202.583c.421.774.632%201.16.996%201.374S5.792%2021%206.688%2021h10.624c.896%200%201.344%200%201.708-.214c.364-.213.575-.6.997-1.374M9%204l7%2011M5.5%2020.5L12%209m9%206H9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/google-drive.svg?color=%231a73e8&size=48
