file type excel logo
file-type-excel from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-excel
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type excel logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGSuUii0pt" x1="4.494" x2="13.832" y1="-2092.086" y2="-2075.914" gradientTransform="translate(0 2100)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#18884f"/><stop offset=".5" stop-color="#117e43"/><stop offset="1" stop-color="#0b6631"/></linearGradient></defs><path fill="#185c37" d="M19.581 15.35L8.512 13.4v14.409A1.19 1.19 0 0 0 9.705 29h19.1A1.19 1.19 0 0 0 30 27.809V22.5Z"/><path fill="#21a366" d="M19.581 3H9.705a1.19 1.19 0 0 0-1.193 1.191V9.5L19.581 16l5.861 1.95L30 16V9.5Z"/><path fill="#107c41" d="M8.512 9.5h11.069V16H8.512Z"/><path d="M16.434 8.2H8.512v16.25h7.922a1.2 1.2 0 0 0 1.194-1.191V9.391A1.2 1.2 0 0 0 16.434 8.2" opacity=".1"/><path d="M15.783 8.85H8.512V25.1h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.783 8.85H8.512V23.8h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.132 8.85h-6.62V23.8h6.62a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path fill="url(#SVGSuUii0pt)" d="M3.194 8.85h11.938a1.193 1.193 0 0 1 1.194 1.191v11.918a1.193 1.193 0 0 1-1.194 1.191H3.194A1.19 1.19 0 0 1 2 21.959V10.041A1.19 1.19 0 0 1 3.194 8.85"/><path fill="#fff" d="m5.7 19.873l2.511-3.884l-2.3-3.862h1.847L9.013 14.6c.116.234.2.408.238.524h.017q.123-.281.26-.546l1.342-2.447h1.7l-2.359 3.84l2.419 3.905h-1.809l-1.45-2.711A2.4 2.4 0 0 1 9.2 16.8h-.024a1.7 1.7 0 0 1-.168.351l-1.493 2.722Z"/><path fill="#33c481" d="M28.806 3h-9.225v6.5H30V4.191A1.19 1.19 0 0 0 28.806 3"/><path fill="#107c41" d="M19.581 16H30v6.5H19.581Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeExcel(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGSuUii0pt" x1="4.494" x2="13.832" y1="-2092.086" y2="-2075.914" gradientTransform="translate(0 2100)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#18884f"/><stop offset=".5" stopColor="#117e43"/><stop offset="1" stopColor="#0b6631"/></linearGradient></defs><path fill="#185c37" d="M19.581 15.35L8.512 13.4v14.409A1.19 1.19 0 0 0 9.705 29h19.1A1.19 1.19 0 0 0 30 27.809V22.5Z"/><path fill="#21a366" d="M19.581 3H9.705a1.19 1.19 0 0 0-1.193 1.191V9.5L19.581 16l5.861 1.95L30 16V9.5Z"/><path fill="#107c41" d="M8.512 9.5h11.069V16H8.512Z"/><path d="M16.434 8.2H8.512v16.25h7.922a1.2 1.2 0 0 0 1.194-1.191V9.391A1.2 1.2 0 0 0 16.434 8.2" opacity=".1"/><path d="M15.783 8.85H8.512V25.1h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.783 8.85H8.512V23.8h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.132 8.85h-6.62V23.8h6.62a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path fill="url(#SVGSuUii0pt)" d="M3.194 8.85h11.938a1.193 1.193 0 0 1 1.194 1.191v11.918a1.193 1.193 0 0 1-1.194 1.191H3.194A1.19 1.19 0 0 1 2 21.959V10.041A1.19 1.19 0 0 1 3.194 8.85"/><path fill="#fff" d="m5.7 19.873l2.511-3.884l-2.3-3.862h1.847L9.013 14.6c.116.234.2.408.238.524h.017q.123-.281.26-.546l1.342-2.447h1.7l-2.359 3.84l2.419 3.905h-1.809l-1.45-2.711A2.4 2.4 0 0 1 9.2 16.8h-.024a1.7 1.7 0 0 1-.168.351l-1.493 2.722Z"/><path fill="#33c481" d="M28.806 3h-9.225v6.5H30V4.191A1.19 1.19 0 0 0 28.806 3"/><path fill="#107c41" d="M19.581 16H30v6.5H19.581Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGSuUii0pt" x1="4.494" x2="13.832" y1="-2092.086" y2="-2075.914" gradientTransform="translate(0 2100)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#18884f"/><stop offset=".5" stop-color="#117e43"/><stop offset="1" stop-color="#0b6631"/></linearGradient></defs><path fill="#185c37" d="M19.581 15.35L8.512 13.4v14.409A1.19 1.19 0 0 0 9.705 29h19.1A1.19 1.19 0 0 0 30 27.809V22.5Z"/><path fill="#21a366" d="M19.581 3H9.705a1.19 1.19 0 0 0-1.193 1.191V9.5L19.581 16l5.861 1.95L30 16V9.5Z"/><path fill="#107c41" d="M8.512 9.5h11.069V16H8.512Z"/><path d="M16.434 8.2H8.512v16.25h7.922a1.2 1.2 0 0 0 1.194-1.191V9.391A1.2 1.2 0 0 0 16.434 8.2" opacity=".1"/><path d="M15.783 8.85H8.512V25.1h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.783 8.85H8.512V23.8h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path d="M15.132 8.85h-6.62V23.8h6.62a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191" opacity=".2"/><path fill="url(#SVGSuUii0pt)" d="M3.194 8.85h11.938a1.193 1.193 0 0 1 1.194 1.191v11.918a1.193 1.193 0 0 1-1.194 1.191H3.194A1.19 1.19 0 0 1 2 21.959V10.041A1.19 1.19 0 0 1 3.194 8.85"/><path fill="#fff" d="m5.7 19.873l2.511-3.884l-2.3-3.862h1.847L9.013 14.6c.116.234.2.408.238.524h.017q.123-.281.26-.546l1.342-2.447h1.7l-2.359 3.84l2.419 3.905h-1.809l-1.45-2.711A2.4 2.4 0 0 1 9.2 16.8h-.024a1.7 1.7 0 0 1-.168.351l-1.493 2.722Z"/><path fill="#33c481" d="M28.806 3h-9.225v6.5H30V4.191A1.19 1.19 0 0 0 28.806 3"/><path fill="#107c41" d="M19.581 16H30v6.5H19.581Z"/></svg> </template>
CSS
.icon-file-type-excel {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSuUii0pt%22%20x1%3D%224.494%22%20x2%3D%2213.832%22%20y1%3D%22-2092.086%22%20y2%3D%22-2075.914%22%20gradientTransform%3D%22translate(0%202100)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2318884f%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23117e43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230b6631%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23185c37%22%20d%3D%22M19.581%2015.35L8.512%2013.4v14.409A1.19%201.19%200%200%200%209.705%2029h19.1A1.19%201.19%200%200%200%2030%2027.809V22.5Z%22%2F%3E%3Cpath%20fill%3D%22%2321a366%22%20d%3D%22M19.581%203H9.705a1.19%201.19%200%200%200-1.193%201.191V9.5L19.581%2016l5.861%201.95L30%2016V9.5Z%22%2F%3E%3Cpath%20fill%3D%22%23107c41%22%20d%3D%22M8.512%209.5h11.069V16H8.512Z%22%2F%3E%3Cpath%20d%3D%22M16.434%208.2H8.512v16.25h7.922a1.2%201.2%200%200%200%201.194-1.191V9.391A1.2%201.2%200%200%200%2016.434%208.2%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22M15.783%208.85H8.512V25.1h7.271a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M15.783%208.85H8.512V23.8h7.271a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M15.132%208.85h-6.62V23.8h6.62a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSuUii0pt)%22%20d%3D%22M3.194%208.85h11.938a1.193%201.193%200%200%201%201.194%201.191v11.918a1.193%201.193%200%200%201-1.194%201.191H3.194A1.19%201.19%200%200%201%202%2021.959V10.041A1.19%201.19%200%200%201%203.194%208.85%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m5.7%2019.873l2.511-3.884l-2.3-3.862h1.847L9.013%2014.6c.116.234.2.408.238.524h.017q.123-.281.26-.546l1.342-2.447h1.7l-2.359%203.84l2.419%203.905h-1.809l-1.45-2.711A2.4%202.4%200%200%201%209.2%2016.8h-.024a1.7%201.7%200%200%201-.168.351l-1.493%202.722Z%22%2F%3E%3Cpath%20fill%3D%22%2333c481%22%20d%3D%22M28.806%203h-9.225v6.5H30V4.191A1.19%201.19%200%200%200%2028.806%203%22%2F%3E%3Cpath%20fill%3D%22%23107c41%22%20d%3D%22M19.581%2016H30v6.5H19.581Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGSuUii0pt%22%20x1%3D%224.494%22%20x2%3D%2213.832%22%20y1%3D%22-2092.086%22%20y2%3D%22-2075.914%22%20gradientTransform%3D%22translate(0%202100)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2318884f%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23117e43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230b6631%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23185c37%22%20d%3D%22M19.581%2015.35L8.512%2013.4v14.409A1.19%201.19%200%200%200%209.705%2029h19.1A1.19%201.19%200%200%200%2030%2027.809V22.5Z%22%2F%3E%3Cpath%20fill%3D%22%2321a366%22%20d%3D%22M19.581%203H9.705a1.19%201.19%200%200%200-1.193%201.191V9.5L19.581%2016l5.861%201.95L30%2016V9.5Z%22%2F%3E%3Cpath%20fill%3D%22%23107c41%22%20d%3D%22M8.512%209.5h11.069V16H8.512Z%22%2F%3E%3Cpath%20d%3D%22M16.434%208.2H8.512v16.25h7.922a1.2%201.2%200%200%200%201.194-1.191V9.391A1.2%201.2%200%200%200%2016.434%208.2%22%20opacity%3D%22.1%22%2F%3E%3Cpath%20d%3D%22M15.783%208.85H8.512V25.1h7.271a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M15.783%208.85H8.512V23.8h7.271a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M15.132%208.85h-6.62V23.8h6.62a1.2%201.2%200%200%200%201.194-1.191V10.041a1.2%201.2%200%200%200-1.194-1.191%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGSuUii0pt)%22%20d%3D%22M3.194%208.85h11.938a1.193%201.193%200%200%201%201.194%201.191v11.918a1.193%201.193%200%200%201-1.194%201.191H3.194A1.19%201.19%200%200%201%202%2021.959V10.041A1.19%201.19%200%200%201%203.194%208.85%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m5.7%2019.873l2.511-3.884l-2.3-3.862h1.847L9.013%2014.6c.116.234.2.408.238.524h.017q.123-.281.26-.546l1.342-2.447h1.7l-2.359%203.84l2.419%203.905h-1.809l-1.45-2.711A2.4%202.4%200%200%201%209.2%2016.8h-.024a1.7%201.7%200%200%201-.168.351l-1.493%202.722Z%22%2F%3E%3Cpath%20fill%3D%22%2333c481%22%20d%3D%22M28.806%203h-9.225v6.5H30V4.191A1.19%201.19%200%200%200%2028.806%203%22%2F%3E%3Cpath%20fill%3D%22%23107c41%22%20d%3D%22M19.581%2016H30v6.5H19.581Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-excel.svg?color=%231a73e8&size=48
