file xls icon
file-xls-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- file-xls-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the file xls icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M160 208a12 12 0 0 1-12 12h-28a12 12 0 0 1-12-12v-56a12 12 0 0 1 24 0v44h16a12 12 0 0 1 12 12m-69-65.78A12 12 0 0 0 74.24 145L64 159.34L53.77 145a12 12 0 1 0-19.53 14l15 21l-15 21a12 12 0 1 0 19.53 14L64 200.62L74.24 215a12 12 0 0 0 19.53-14l-15-21l15-21A12 12 0 0 0 91 142.22m122.53 32.05c-5.12-3.45-11.32-5.24-16.79-6.82a80 80 0 0 1-7.92-2.59c2.45-1.18 9.71-1.3 16.07.33A12 12 0 0 0 211 142a69 69 0 0 0-12-1.86c-9.93-.66-18 1.08-24.1 5.17a24.45 24.45 0 0 0-10.69 17.76c-1.1 8.74 2.49 16.27 10.11 21.19c4.78 3.09 10.36 4.7 15.75 6.26c3 .89 7.94 2.3 9.88 3.53a2.5 2.5 0 0 1-.21.71c-1.37 1.55-9.58 1.79-16.39-.06a12 12 0 1 0-6.46 23.11A63.8 63.8 0 0 0 193.1 220c6.46 0 13.73-1.17 19.73-5.15a24.73 24.73 0 0 0 10.95-18c1.22-9.32-2.45-17.32-10.27-22.58ZM36 108V40a20 20 0 0 1 20-20h96a12 12 0 0 1 8.49 3.51l56 56A12 12 0 0 1 220 88v20a12 12 0 1 1-24 0v-4h-48a12 12 0 0 1-12-12V44H60v64a12 12 0 1 1-24 0m124-28h23l-23-23Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFileXlsBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M160 208a12 12 0 0 1-12 12h-28a12 12 0 0 1-12-12v-56a12 12 0 0 1 24 0v44h16a12 12 0 0 1 12 12m-69-65.78A12 12 0 0 0 74.24 145L64 159.34L53.77 145a12 12 0 1 0-19.53 14l15 21l-15 21a12 12 0 1 0 19.53 14L64 200.62L74.24 215a12 12 0 0 0 19.53-14l-15-21l15-21A12 12 0 0 0 91 142.22m122.53 32.05c-5.12-3.45-11.32-5.24-16.79-6.82a80 80 0 0 1-7.92-2.59c2.45-1.18 9.71-1.3 16.07.33A12 12 0 0 0 211 142a69 69 0 0 0-12-1.86c-9.93-.66-18 1.08-24.1 5.17a24.45 24.45 0 0 0-10.69 17.76c-1.1 8.74 2.49 16.27 10.11 21.19c4.78 3.09 10.36 4.7 15.75 6.26c3 .89 7.94 2.3 9.88 3.53a2.5 2.5 0 0 1-.21.71c-1.37 1.55-9.58 1.79-16.39-.06a12 12 0 1 0-6.46 23.11A63.8 63.8 0 0 0 193.1 220c6.46 0 13.73-1.17 19.73-5.15a24.73 24.73 0 0 0 10.95-18c1.22-9.32-2.45-17.32-10.27-22.58ZM36 108V40a20 20 0 0 1 20-20h96a12 12 0 0 1 8.49 3.51l56 56A12 12 0 0 1 220 88v20a12 12 0 1 1-24 0v-4h-48a12 12 0 0 1-12-12V44H60v64a12 12 0 1 1-24 0m124-28h23l-23-23Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M160 208a12 12 0 0 1-12 12h-28a12 12 0 0 1-12-12v-56a12 12 0 0 1 24 0v44h16a12 12 0 0 1 12 12m-69-65.78A12 12 0 0 0 74.24 145L64 159.34L53.77 145a12 12 0 1 0-19.53 14l15 21l-15 21a12 12 0 1 0 19.53 14L64 200.62L74.24 215a12 12 0 0 0 19.53-14l-15-21l15-21A12 12 0 0 0 91 142.22m122.53 32.05c-5.12-3.45-11.32-5.24-16.79-6.82a80 80 0 0 1-7.92-2.59c2.45-1.18 9.71-1.3 16.07.33A12 12 0 0 0 211 142a69 69 0 0 0-12-1.86c-9.93-.66-18 1.08-24.1 5.17a24.45 24.45 0 0 0-10.69 17.76c-1.1 8.74 2.49 16.27 10.11 21.19c4.78 3.09 10.36 4.7 15.75 6.26c3 .89 7.94 2.3 9.88 3.53a2.5 2.5 0 0 1-.21.71c-1.37 1.55-9.58 1.79-16.39-.06a12 12 0 1 0-6.46 23.11A63.8 63.8 0 0 0 193.1 220c6.46 0 13.73-1.17 19.73-5.15a24.73 24.73 0 0 0 10.95-18c1.22-9.32-2.45-17.32-10.27-22.58ZM36 108V40a20 20 0 0 1 20-20h96a12 12 0 0 1 8.49 3.51l56 56A12 12 0 0 1 220 88v20a12 12 0 1 1-24 0v-4h-48a12 12 0 0 1-12-12V44H60v64a12 12 0 1 1-24 0m124-28h23l-23-23Z"/></svg> </template>
CSS
.icon-file-xls-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%20208a12%2012%200%200%201-12%2012h-28a12%2012%200%200%201-12-12v-56a12%2012%200%200%201%2024%200v44h16a12%2012%200%200%201%2012%2012m-69-65.78A12%2012%200%200%200%2074.24%20145L64%20159.34L53.77%20145a12%2012%200%201%200-19.53%2014l15%2021l-15%2021a12%2012%200%201%200%2019.53%2014L64%20200.62L74.24%20215a12%2012%200%200%200%2019.53-14l-15-21l15-21A12%2012%200%200%200%2091%20142.22m122.53%2032.05c-5.12-3.45-11.32-5.24-16.79-6.82a80%2080%200%200%201-7.92-2.59c2.45-1.18%209.71-1.3%2016.07.33A12%2012%200%200%200%20211%20142a69%2069%200%200%200-12-1.86c-9.93-.66-18%201.08-24.1%205.17a24.45%2024.45%200%200%200-10.69%2017.76c-1.1%208.74%202.49%2016.27%2010.11%2021.19c4.78%203.09%2010.36%204.7%2015.75%206.26c3%20.89%207.94%202.3%209.88%203.53a2.5%202.5%200%200%201-.21.71c-1.37%201.55-9.58%201.79-16.39-.06a12%2012%200%201%200-6.46%2023.11A63.8%2063.8%200%200%200%20193.1%20220c6.46%200%2013.73-1.17%2019.73-5.15a24.73%2024.73%200%200%200%2010.95-18c1.22-9.32-2.45-17.32-10.27-22.58ZM36%20108V40a20%2020%200%200%201%2020-20h96a12%2012%200%200%201%208.49%203.51l56%2056A12%2012%200%200%201%20220%2088v20a12%2012%200%201%201-24%200v-4h-48a12%2012%200%200%201-12-12V44H60v64a12%2012%200%201%201-24%200m124-28h23l-23-23Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%20208a12%2012%200%200%201-12%2012h-28a12%2012%200%200%201-12-12v-56a12%2012%200%200%201%2024%200v44h16a12%2012%200%200%201%2012%2012m-69-65.78A12%2012%200%200%200%2074.24%20145L64%20159.34L53.77%20145a12%2012%200%201%200-19.53%2014l15%2021l-15%2021a12%2012%200%201%200%2019.53%2014L64%20200.62L74.24%20215a12%2012%200%200%200%2019.53-14l-15-21l15-21A12%2012%200%200%200%2091%20142.22m122.53%2032.05c-5.12-3.45-11.32-5.24-16.79-6.82a80%2080%200%200%201-7.92-2.59c2.45-1.18%209.71-1.3%2016.07.33A12%2012%200%200%200%20211%20142a69%2069%200%200%200-12-1.86c-9.93-.66-18%201.08-24.1%205.17a24.45%2024.45%200%200%200-10.69%2017.76c-1.1%208.74%202.49%2016.27%2010.11%2021.19c4.78%203.09%2010.36%204.7%2015.75%206.26c3%20.89%207.94%202.3%209.88%203.53a2.5%202.5%200%200%201-.21.71c-1.37%201.55-9.58%201.79-16.39-.06a12%2012%200%201%200-6.46%2023.11A63.8%2063.8%200%200%200%20193.1%20220c6.46%200%2013.73-1.17%2019.73-5.15a24.73%2024.73%200%200%200%2010.95-18c1.22-9.32-2.45-17.32-10.27-22.58ZM36%20108V40a20%2020%200%200%201%2020-20h96a12%2012%200%200%201%208.49%203.51l56%2056A12%2012%200%200%201%20220%2088v20a12%2012%200%201%201-24%200v-4h-48a12%2012%200%200%201-12-12V44H60v64a12%2012%200%201%201-24%200m124-28h23l-23-23Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/file-xls-bold.svg?color=%231a73e8&size=48
