Google Docs Icon SVG
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.
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
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