Google Docs Icon SVG

Google Docs SVG Icons refers to an online word processor that allows you to create and format documents and work with others.

Icon Google docs SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.

Google docs Icon Svg Code | Path | Download

Download free Google Docs SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Google Docs Icon SVG code in HTML/Css from below.

Google docs SVG Icon Code | Customize color

You can get svg icon google docs in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Google docs

Download

Svg Code

<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 3L5 3C3.89543 3 3 3.89543 3 5L3 19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 7L17 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12L17 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 17L13 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Google docs

Download

Svg Code

<svg style='color: white' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 3L5 3C3.89543 3 3 3.89543 3 5L3 19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 7L17 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12L17 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 17L13 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Google docs

Download

Svg Code

<svg style='color: red' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 3L5 3C3.89543 3 3 3.89543 3 5L3 19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 7L17 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12L17 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 17L13 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Google docs

Download

Svg Code

<svg style='color: blue' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 3L5 3C3.89543 3 3 3.89543 3 5L3 19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 7L17 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12L17 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 17L13 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>

Google docs

Download

Svg Code

<svg style='color: #f3da35' width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 3L5 3C3.89543 3 3 3.89543 3 5L3 19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 7L17 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 12L17 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path d="M7 17L13 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> </svg>


Advance Editor

You can edit google docs as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content



Tags

Google ,Google Sheets,Google Slides,Google Drawings,Google Forms,Google Sites,Google Keep



Advertisements



Google Docs Icon SVG - Faq(s)?

⭐Can I get Free Google Docs Icon SVG?

Yes, you can get free Google Docs SVG icons.

⭐ How to download free Google Docs Icon SVG code?

To download free Google Docs icons in SVG code click on the copy code button.

⭐How to find the Google Docs Icon SVG path file?

You can get the Google Docs SVG file path from the above section.

⭐ What are the colors available for SVG Google Docs Icon?

You can check the Google Docs SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.



Advertisements

You may like these icons


Looking For More Icons?