Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Google Drive icon
A free google drive icon from Devicons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- MIT license
- Project
- vorillaz.github.io
npx shadcn@latest add https://ui.cuelark.com/r/icons/devicons/google-drive.jsonimport * as React from "react";
/**
* Google Drive from Devicons (https://vorillaz.github.io/devicons/), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/devicons/google-drive. Sized in em, colored by currentColor.
*/
export function DiGoogleDriveIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
version="1.1"
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M12.649 20.427h-0.126l-0.061 0.109-3.245 5.675h14.773l0.061-0.109 3.246-5.674h-0.373zM20.573 19.075l0.062 0.108h0.126l6.536-0.028-0.187-0.322-7.199-12.471-0.126 0-6.537 0.027 0.187 0.322zM15.445 12.789l-0.063-0.109-3.292-5.646-0.186 0.322-7.201 12.47 0.064 0.109 3.292 5.648 0.186-0.323 7.138-12.363z"
/>
</svg>
);
}import { DiGoogleDrive } from "react-icons/di";
export function Example() {
return <DiGoogleDrive className="size-5" />;
}<svg
version="1.1"
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.649 20.427h-0.126l-0.061 0.109-3.245 5.675h14.773l0.061-0.109 3.246-5.674h-0.373zM20.573 19.075l0.062 0.108h0.126l6.536-0.028-0.187-0.322-7.199-12.471-0.126 0-6.537 0.027 0.187 0.322zM15.445 12.789l-0.063-0.109-3.292-5.646-0.186 0.322-7.201 12.47 0.064 0.109 3.292 5.648 0.186-0.323 7.138-12.363z"
/>
</svg>"Google Drive" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.