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.

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





Advertisements

You may like these icons


Looking For More Icons?