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.
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>
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>
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>
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>
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.
Tags
Google ,Google Sheets,Google Slides,Google Drawings,Google Forms,Google Sites,Google Keep
Advertisements
Advertisements