file csv icon
file-csv from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- file-csv
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- file-csv-solid
The same icon in other sets
More other icons from Line Awesome
Use the file csv icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 3v7h2V5h16v5h2V3zm3.5 9A2.497 2.497 0 0 0 7 14.5v3C7 18.883 8.117 20 9.5 20s2.5-1.117 2.5-2.5V17h-2v.5c0 .215-.285.5-.5.5s-.5-.285-.5-.5v-3c0-.215.285-.5.5-.5s.5.285.5.5v.5h2v-.5c0-1.383-1.117-2.5-2.5-2.5m6 0a2.497 2.497 0 0 0-2.5 2.5c0 1.383 1.117 2.5 2.5 2.5c.215 0 .5.285.5.5c0 .3-.117.5-.5.5c-.367 0-.426-.078-.438-.094c-.011-.015-.062-.078-.062-.312h-2c0 .566.164 1.203.625 1.687c.46.485 1.145.719 1.875.719c1.418 0 2.5-1.2 2.5-2.5c0-1.383-1.117-2.5-2.5-2.5c-.215 0-.5-.285-.5-.5s.285-.5.5-.5c.266 0 .348.063.406.125a.42.42 0 0 1 .094.281h2c0-.59-.215-1.191-.656-1.656S16.234 12 15.5 12m3.5 0v1.156l.063.156l2 6L22 22.157l.938-2.843l2-6l.062-.157V12h-2v.875l-1 3l-1-3V12zM6 22v7h20v-7h-2v5H8v-5z"/></svg>
React
import type { SVGProps } from "react";
export function LaFileCsv(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 3v7h2V5h16v5h2V3zm3.5 9A2.497 2.497 0 0 0 7 14.5v3C7 18.883 8.117 20 9.5 20s2.5-1.117 2.5-2.5V17h-2v.5c0 .215-.285.5-.5.5s-.5-.285-.5-.5v-3c0-.215.285-.5.5-.5s.5.285.5.5v.5h2v-.5c0-1.383-1.117-2.5-2.5-2.5m6 0a2.497 2.497 0 0 0-2.5 2.5c0 1.383 1.117 2.5 2.5 2.5c.215 0 .5.285.5.5c0 .3-.117.5-.5.5c-.367 0-.426-.078-.438-.094c-.011-.015-.062-.078-.062-.312h-2c0 .566.164 1.203.625 1.687c.46.485 1.145.719 1.875.719c1.418 0 2.5-1.2 2.5-2.5c0-1.383-1.117-2.5-2.5-2.5c-.215 0-.5-.285-.5-.5s.285-.5.5-.5c.266 0 .348.063.406.125a.42.42 0 0 1 .094.281h2c0-.59-.215-1.191-.656-1.656S16.234 12 15.5 12m3.5 0v1.156l.063.156l2 6L22 22.157l.938-2.843l2-6l.062-.157V12h-2v.875l-1 3l-1-3V12zM6 22v7h20v-7h-2v5H8v-5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6 3v7h2V5h16v5h2V3zm3.5 9A2.497 2.497 0 0 0 7 14.5v3C7 18.883 8.117 20 9.5 20s2.5-1.117 2.5-2.5V17h-2v.5c0 .215-.285.5-.5.5s-.5-.285-.5-.5v-3c0-.215.285-.5.5-.5s.5.285.5.5v.5h2v-.5c0-1.383-1.117-2.5-2.5-2.5m6 0a2.497 2.497 0 0 0-2.5 2.5c0 1.383 1.117 2.5 2.5 2.5c.215 0 .5.285.5.5c0 .3-.117.5-.5.5c-.367 0-.426-.078-.438-.094c-.011-.015-.062-.078-.062-.312h-2c0 .566.164 1.203.625 1.687c.46.485 1.145.719 1.875.719c1.418 0 2.5-1.2 2.5-2.5c0-1.383-1.117-2.5-2.5-2.5c-.215 0-.5-.285-.5-.5s.285-.5.5-.5c.266 0 .348.063.406.125a.42.42 0 0 1 .094.281h2c0-.59-.215-1.191-.656-1.656S16.234 12 15.5 12m3.5 0v1.156l.063.156l2 6L22 22.157l.938-2.843l2-6l.062-.157V12h-2v.875l-1 3l-1-3V12zM6 22v7h20v-7h-2v5H8v-5z"/></svg> </template>
CSS
.icon-file-csv {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%203v7h2V5h16v5h2V3zm3.5%209A2.497%202.497%200%200%200%207%2014.5v3C7%2018.883%208.117%2020%209.5%2020s2.5-1.117%202.5-2.5V17h-2v.5c0%20.215-.285.5-.5.5s-.5-.285-.5-.5v-3c0-.215.285-.5.5-.5s.5.285.5.5v.5h2v-.5c0-1.383-1.117-2.5-2.5-2.5m6%200a2.497%202.497%200%200%200-2.5%202.5c0%201.383%201.117%202.5%202.5%202.5c.215%200%20.5.285.5.5c0%20.3-.117.5-.5.5c-.367%200-.426-.078-.438-.094c-.011-.015-.062-.078-.062-.312h-2c0%20.566.164%201.203.625%201.687c.46.485%201.145.719%201.875.719c1.418%200%202.5-1.2%202.5-2.5c0-1.383-1.117-2.5-2.5-2.5c-.215%200-.5-.285-.5-.5s.285-.5.5-.5c.266%200%20.348.063.406.125a.42.42%200%200%201%20.094.281h2c0-.59-.215-1.191-.656-1.656S16.234%2012%2015.5%2012m3.5%200v1.156l.063.156l2%206L22%2022.157l.938-2.843l2-6l.062-.157V12h-2v.875l-1%203l-1-3V12zM6%2022v7h20v-7h-2v5H8v-5z%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%203v7h2V5h16v5h2V3zm3.5%209A2.497%202.497%200%200%200%207%2014.5v3C7%2018.883%208.117%2020%209.5%2020s2.5-1.117%202.5-2.5V17h-2v.5c0%20.215-.285.5-.5.5s-.5-.285-.5-.5v-3c0-.215.285-.5.5-.5s.5.285.5.5v.5h2v-.5c0-1.383-1.117-2.5-2.5-2.5m6%200a2.497%202.497%200%200%200-2.5%202.5c0%201.383%201.117%202.5%202.5%202.5c.215%200%20.5.285.5.5c0%20.3-.117.5-.5.5c-.367%200-.426-.078-.438-.094c-.011-.015-.062-.078-.062-.312h-2c0%20.566.164%201.203.625%201.687c.46.485%201.145.719%201.875.719c1.418%200%202.5-1.2%202.5-2.5c0-1.383-1.117-2.5-2.5-2.5c-.215%200-.5-.285-.5-.5s.285-.5.5-.5c.266%200%20.348.063.406.125a.42.42%200%200%201%20.094.281h2c0-.59-.215-1.191-.656-1.656S16.234%2012%2015.5%2012m3.5%200v1.156l.063.156l2%206L22%2022.157l.938-2.843l2-6l.062-.157V12h-2v.875l-1%203l-1-3V12zM6%2022v7h20v-7h-2v5H8v-5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/file-csv.svg?color=%231a73e8&size=48
