file css icon
file-css from BoxIcons v2 Solid by Boxicons · Solid · MIT Free for personal and commercial use.
- Name
- file-css
- Set
- BoxIcons v2 Solid
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in BoxIcons v2 Solid
Use the file css icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM9.446 17.412c.275 0 .581-.061.762-.132l.138.713c-.168.084-.546.174-1.037.174c-1.397 0-2.117-.869-2.117-2.021C7.191 14.768 8.175 14 9.398 14c.474 0 .833.096.995.18l-.186.726a2 2 0 0 0-.768-.149c-.726 0-1.29.438-1.29 1.337c.001.808.482 1.318 1.297 1.318m2.491.755c-.461 0-.917-.119-1.145-.245l.186-.756c.246.126.624.252 1.014.252c.42 0 .642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217 1.529-1.217c.455 0 .791.096 1.031.203l-.204.738a1.9 1.9 0 0 0-.846-.192c-.396 0-.587.181-.587.39c0 .258.228.372.749.57c.714.264 1.05.636 1.05 1.205c-.001.678-.523 1.253-1.632 1.253m3.24 0c-.461 0-.917-.119-1.145-.245l.186-.756c.246.126.624.252 1.014.252c.42 0 .642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217 1.529-1.217c.455 0 .791.096 1.031.203l-.204.738a1.9 1.9 0 0 0-.846-.192c-.396 0-.587.181-.587.39c0 .258.228.372.749.57c.714.264 1.05.636 1.05 1.205c0 .678-.523 1.253-1.632 1.253M14 9h-1V4l5 5z"/></svg>
React
import type { SVGProps } from "react";
export function BxsFileCss(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM9.446 17.412c.275 0 .581-.061.762-.132l.138.713c-.168.084-.546.174-1.037.174c-1.397 0-2.117-.869-2.117-2.021C7.191 14.768 8.175 14 9.398 14c.474 0 .833.096.995.18l-.186.726a2 2 0 0 0-.768-.149c-.726 0-1.29.438-1.29 1.337c.001.808.482 1.318 1.297 1.318m2.491.755c-.461 0-.917-.119-1.145-.245l.186-.756c.246.126.624.252 1.014.252c.42 0 .642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217 1.529-1.217c.455 0 .791.096 1.031.203l-.204.738a1.9 1.9 0 0 0-.846-.192c-.396 0-.587.181-.587.39c0 .258.228.372.749.57c.714.264 1.05.636 1.05 1.205c-.001.678-.523 1.253-1.632 1.253m3.24 0c-.461 0-.917-.119-1.145-.245l.186-.756c.246.126.624.252 1.014.252c.42 0 .642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217 1.529-1.217c.455 0 .791.096 1.031.203l-.204.738a1.9 1.9 0 0 0-.846-.192c-.396 0-.587.181-.587.39c0 .258.228.372.749.57c.714.264 1.05.636 1.05 1.205c0 .678-.523 1.253-1.632 1.253M14 9h-1V4l5 5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM9.446 17.412c.275 0 .581-.061.762-.132l.138.713c-.168.084-.546.174-1.037.174c-1.397 0-2.117-.869-2.117-2.021C7.191 14.768 8.175 14 9.398 14c.474 0 .833.096.995.18l-.186.726a2 2 0 0 0-.768-.149c-.726 0-1.29.438-1.29 1.337c.001.808.482 1.318 1.297 1.318m2.491.755c-.461 0-.917-.119-1.145-.245l.186-.756c.246.126.624.252 1.014.252c.42 0 .642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217 1.529-1.217c.455 0 .791.096 1.031.203l-.204.738a1.9 1.9 0 0 0-.846-.192c-.396 0-.587.181-.587.39c0 .258.228.372.749.57c.714.264 1.05.636 1.05 1.205c-.001.678-.523 1.253-1.632 1.253m3.24 0c-.461 0-.917-.119-1.145-.245l.186-.756c.246.126.624.252 1.014.252c.42 0 .642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217 1.529-1.217c.455 0 .791.096 1.031.203l-.204.738a1.9 1.9 0 0 0-.846-.192c-.396 0-.587.181-.587.39c0 .258.228.372.749.57c.714.264 1.05.636 1.05 1.205c0 .678-.523 1.253-1.632 1.253M14 9h-1V4l5 5z"/></svg> </template>
CSS
.icon-file-css {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8zM9.446%2017.412c.275%200%20.581-.061.762-.132l.138.713c-.168.084-.546.174-1.037.174c-1.397%200-2.117-.869-2.117-2.021C7.191%2014.768%208.175%2014%209.398%2014c.474%200%20.833.096.995.18l-.186.726a2%202%200%200%200-.768-.149c-.726%200-1.29.438-1.29%201.337c.001.808.482%201.318%201.297%201.318m2.491.755c-.461%200-.917-.119-1.145-.245l.186-.756c.246.126.624.252%201.014.252c.42%200%20.642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217%201.529-1.217c.455%200%20.791.096%201.031.203l-.204.738a1.9%201.9%200%200%200-.846-.192c-.396%200-.587.181-.587.39c0%20.258.228.372.749.57c.714.264%201.05.636%201.05%201.205c-.001.678-.523%201.253-1.632%201.253m3.24%200c-.461%200-.917-.119-1.145-.245l.186-.756c.246.126.624.252%201.014.252c.42%200%20.642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217%201.529-1.217c.455%200%20.791.096%201.031.203l-.204.738a1.9%201.9%200%200%200-.846-.192c-.396%200-.587.181-.587.39c0%20.258.228.372.749.57c.714.264%201.05.636%201.05%201.205c0%20.678-.523%201.253-1.632%201.253M14%209h-1V4l5%205z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8zM9.446%2017.412c.275%200%20.581-.061.762-.132l.138.713c-.168.084-.546.174-1.037.174c-1.397%200-2.117-.869-2.117-2.021C7.191%2014.768%208.175%2014%209.398%2014c.474%200%20.833.096.995.18l-.186.726a2%202%200%200%200-.768-.149c-.726%200-1.29.438-1.29%201.337c.001.808.482%201.318%201.297%201.318m2.491.755c-.461%200-.917-.119-1.145-.245l.186-.756c.246.126.624.252%201.014.252c.42%200%20.642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217%201.529-1.217c.455%200%20.791.096%201.031.203l-.204.738a1.9%201.9%200%200%200-.846-.192c-.396%200-.587.181-.587.39c0%20.258.228.372.749.57c.714.264%201.05.636%201.05%201.205c-.001.678-.523%201.253-1.632%201.253m3.24%200c-.461%200-.917-.119-1.145-.245l.186-.756c.246.126.624.252%201.014.252c.42%200%20.642-.174.642-.438c0-.252-.192-.396-.678-.57c-.672-.234-1.109-.605-1.109-1.193c0-.689.575-1.217%201.529-1.217c.455%200%20.791.096%201.031.203l-.204.738a1.9%201.9%200%200%200-.846-.192c-.396%200-.587.181-.587.39c0%20.258.228.372.749.57c.714.264%201.05.636%201.05%201.205c0%20.678-.523%201.253-1.632%201.253M14%209h-1V4l5%205z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxs/file-css.svg?color=%231a73e8&size=48
