Cil Spreadsheet Icon SVG
Cil Spreadsheet
Cil spreadsheet SVG Icon Code | Customize color
You can get svg icon cil spreadsheet in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M16,64V456H496V64ZM464,424H48V96H464Z" class="ci-primary"/> <rect width="88" height="32" x="88" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M16,64V456H496V64ZM464,424H48V96H464Z" class="ci-primary"/> <rect width="88" height="32" x="88" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M16,64V456H496V64ZM464,424H48V96H464Z" class="ci-primary"/> <rect width="88" height="32" x="88" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M16,64V456H496V64ZM464,424H48V96H464Z" class="ci-primary"/> <rect width="88" height="32" x="88" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path fill="var(--ci-primary-color, currentColor)" d="M16,64V456H496V64ZM464,424H48V96H464Z" class="ci-primary"/> <rect width="88" height="32" x="88" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="88" height="32" x="88" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="136" height="32" x="288" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="136" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="208" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="280" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <rect width="32" height="32" x="216" y="352" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg> Advance Editor
You can edit cil spreadsheet as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements