Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Googledocs icon
A free googledocs icon from Simple Icons, 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
- CC0 1.0 Universal license
- Project
- simpleicons.org
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/googledocs.jsonimport * as React from "react";
/**
* Googledocs from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
* Via Cuelark UI: ui.cuelark.com/icons/simple-icons/googledocs. Sized in em, colored by currentColor.
*/
export function SiGoogledocsIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M14.727 6.727H14V0H4.91c-.905 0-1.637.732-1.637 1.636v20.728c0 .904.732 1.636 1.636 1.636h14.182c.904 0 1.636-.732 1.636-1.636V6.727h-6zm-.545 10.455H7.09v-1.364h7.09v1.364zm2.727-3.273H7.091v-1.364h9.818v1.364zm0-3.273H7.091V9.273h9.818v1.363zM14.727 6h6l-6-6v6z"
/>
</svg>
);
}import { SiGoogledocs } from "react-icons/si";
export function Example() {
return <SiGoogledocs className="size-5" />;
}<svg
role="img"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M14.727 6.727H14V0H4.91c-.905 0-1.637.732-1.637 1.636v20.728c0 .904.732 1.636 1.636 1.636h14.182c.904 0 1.636-.732 1.636-1.636V6.727h-6zm-.545 10.455H7.09v-1.364h7.09v1.364zm2.727-3.273H7.091v-1.364h9.818v1.364zm0-3.273H7.091V9.273h9.818v1.363zM14.727 6h6l-6-6v6z"
/>
</svg>"Googledocs" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.Similar Simple Icons icons
- googlechrome
- googlechronicle
- googleclassroom
- googlecloud
- googlecloudcomposer
- googlecloudspanner
- googlecloudstorage
- googlecolab
- googlecontaineroptimizedos
- googledataflow
- googledataproc
- googledisplayandvideo360
- googledrive
- googleearth
- googleearthengine
- googlefonts
- googleforms
- googlegemini
- googlehome
- googlejules
- googlekeep
- googlelens
- googlemaps
- googlemarketingplatform