file svg icon
file-svg-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- file-svg-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the file svg icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M48 120a12 12 0 0 0 12-12V44h76v48a12 12 0 0 0 12 12h48v4a12 12 0 1 0 24 0V88a12 12 0 0 0-3.51-8.48l-56-56A12 12 0 0 0 152 20H56a20 20 0 0 0-20 20v68a12 12 0 0 0 12 12m135-40h-23V57ZM87.78 196.8a24.72 24.72 0 0 1-10.94 18c-6 4-13.27 5.15-19.74 5.15a63.8 63.8 0 0 1-16.23-2.21a12 12 0 1 1 6.46-23.11c6.82 1.85 15 1.61 16.39.06a2.5 2.5 0 0 0 .21-.71c-1.94-1.23-6.82-2.64-9.88-3.53c-5.39-1.56-11-3.17-15.75-6.26c-7.62-4.92-11.21-12.45-10.1-21.19a24.44 24.44 0 0 1 10.68-17.76c6.07-4.09 14.17-5.82 24.1-5.17A69 69 0 0 1 75 142a12 12 0 0 1-6.1 23.21c-6.35-1.63-13.61-1.51-16.07-.33a80 80 0 0 0 7.92 2.59c5.47 1.58 11.67 3.37 16.8 6.82c7.78 5.24 11.45 13.24 10.23 22.51M155.3 156l-20 56a12 12 0 0 1-22.6 0l-20-56a12 12 0 1 1 22.6-8l8.7 24.3l8.7-24.3a12 12 0 1 1 22.6 8m68.7 32v12.87a12 12 0 0 1-3.33 8.3A34 34 0 0 1 196 220c-19.85 0-36-17.94-36-40s16.15-40 36-40a33.4 33.4 0 0 1 18.71 5.8a12 12 0 1 1-13.42 19.89A9.4 9.4 0 0 0 196 164c-6.5 0-12 7.33-12 16s5.5 16 12 16a9 9 0 0 0 2.7-.42A12 12 0 0 1 208 176h4a12 12 0 0 1 12 12"/></svg>
React
import type { SVGProps } from "react";
export function PhFileSvgBold(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="M48 120a12 12 0 0 0 12-12V44h76v48a12 12 0 0 0 12 12h48v4a12 12 0 1 0 24 0V88a12 12 0 0 0-3.51-8.48l-56-56A12 12 0 0 0 152 20H56a20 20 0 0 0-20 20v68a12 12 0 0 0 12 12m135-40h-23V57ZM87.78 196.8a24.72 24.72 0 0 1-10.94 18c-6 4-13.27 5.15-19.74 5.15a63.8 63.8 0 0 1-16.23-2.21a12 12 0 1 1 6.46-23.11c6.82 1.85 15 1.61 16.39.06a2.5 2.5 0 0 0 .21-.71c-1.94-1.23-6.82-2.64-9.88-3.53c-5.39-1.56-11-3.17-15.75-6.26c-7.62-4.92-11.21-12.45-10.1-21.19a24.44 24.44 0 0 1 10.68-17.76c6.07-4.09 14.17-5.82 24.1-5.17A69 69 0 0 1 75 142a12 12 0 0 1-6.1 23.21c-6.35-1.63-13.61-1.51-16.07-.33a80 80 0 0 0 7.92 2.59c5.47 1.58 11.67 3.37 16.8 6.82c7.78 5.24 11.45 13.24 10.23 22.51M155.3 156l-20 56a12 12 0 0 1-22.6 0l-20-56a12 12 0 1 1 22.6-8l8.7 24.3l8.7-24.3a12 12 0 1 1 22.6 8m68.7 32v12.87a12 12 0 0 1-3.33 8.3A34 34 0 0 1 196 220c-19.85 0-36-17.94-36-40s16.15-40 36-40a33.4 33.4 0 0 1 18.71 5.8a12 12 0 1 1-13.42 19.89A9.4 9.4 0 0 0 196 164c-6.5 0-12 7.33-12 16s5.5 16 12 16a9 9 0 0 0 2.7-.42A12 12 0 0 1 208 176h4a12 12 0 0 1 12 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M48 120a12 12 0 0 0 12-12V44h76v48a12 12 0 0 0 12 12h48v4a12 12 0 1 0 24 0V88a12 12 0 0 0-3.51-8.48l-56-56A12 12 0 0 0 152 20H56a20 20 0 0 0-20 20v68a12 12 0 0 0 12 12m135-40h-23V57ZM87.78 196.8a24.72 24.72 0 0 1-10.94 18c-6 4-13.27 5.15-19.74 5.15a63.8 63.8 0 0 1-16.23-2.21a12 12 0 1 1 6.46-23.11c6.82 1.85 15 1.61 16.39.06a2.5 2.5 0 0 0 .21-.71c-1.94-1.23-6.82-2.64-9.88-3.53c-5.39-1.56-11-3.17-15.75-6.26c-7.62-4.92-11.21-12.45-10.1-21.19a24.44 24.44 0 0 1 10.68-17.76c6.07-4.09 14.17-5.82 24.1-5.17A69 69 0 0 1 75 142a12 12 0 0 1-6.1 23.21c-6.35-1.63-13.61-1.51-16.07-.33a80 80 0 0 0 7.92 2.59c5.47 1.58 11.67 3.37 16.8 6.82c7.78 5.24 11.45 13.24 10.23 22.51M155.3 156l-20 56a12 12 0 0 1-22.6 0l-20-56a12 12 0 1 1 22.6-8l8.7 24.3l8.7-24.3a12 12 0 1 1 22.6 8m68.7 32v12.87a12 12 0 0 1-3.33 8.3A34 34 0 0 1 196 220c-19.85 0-36-17.94-36-40s16.15-40 36-40a33.4 33.4 0 0 1 18.71 5.8a12 12 0 1 1-13.42 19.89A9.4 9.4 0 0 0 196 164c-6.5 0-12 7.33-12 16s5.5 16 12 16a9 9 0 0 0 2.7-.42A12 12 0 0 1 208 176h4a12 12 0 0 1 12 12"/></svg> </template>
CSS
.icon-file-svg-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%22M48%20120a12%2012%200%200%200%2012-12V44h76v48a12%2012%200%200%200%2012%2012h48v4a12%2012%200%201%200%2024%200V88a12%2012%200%200%200-3.51-8.48l-56-56A12%2012%200%200%200%20152%2020H56a20%2020%200%200%200-20%2020v68a12%2012%200%200%200%2012%2012m135-40h-23V57ZM87.78%20196.8a24.72%2024.72%200%200%201-10.94%2018c-6%204-13.27%205.15-19.74%205.15a63.8%2063.8%200%200%201-16.23-2.21a12%2012%200%201%201%206.46-23.11c6.82%201.85%2015%201.61%2016.39.06a2.5%202.5%200%200%200%20.21-.71c-1.94-1.23-6.82-2.64-9.88-3.53c-5.39-1.56-11-3.17-15.75-6.26c-7.62-4.92-11.21-12.45-10.1-21.19a24.44%2024.44%200%200%201%2010.68-17.76c6.07-4.09%2014.17-5.82%2024.1-5.17A69%2069%200%200%201%2075%20142a12%2012%200%200%201-6.1%2023.21c-6.35-1.63-13.61-1.51-16.07-.33a80%2080%200%200%200%207.92%202.59c5.47%201.58%2011.67%203.37%2016.8%206.82c7.78%205.24%2011.45%2013.24%2010.23%2022.51M155.3%20156l-20%2056a12%2012%200%200%201-22.6%200l-20-56a12%2012%200%201%201%2022.6-8l8.7%2024.3l8.7-24.3a12%2012%200%201%201%2022.6%208m68.7%2032v12.87a12%2012%200%200%201-3.33%208.3A34%2034%200%200%201%20196%20220c-19.85%200-36-17.94-36-40s16.15-40%2036-40a33.4%2033.4%200%200%201%2018.71%205.8a12%2012%200%201%201-13.42%2019.89A9.4%209.4%200%200%200%20196%20164c-6.5%200-12%207.33-12%2016s5.5%2016%2012%2016a9%209%200%200%200%202.7-.42A12%2012%200%200%201%20208%20176h4a12%2012%200%200%201%2012%2012%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%22M48%20120a12%2012%200%200%200%2012-12V44h76v48a12%2012%200%200%200%2012%2012h48v4a12%2012%200%201%200%2024%200V88a12%2012%200%200%200-3.51-8.48l-56-56A12%2012%200%200%200%20152%2020H56a20%2020%200%200%200-20%2020v68a12%2012%200%200%200%2012%2012m135-40h-23V57ZM87.78%20196.8a24.72%2024.72%200%200%201-10.94%2018c-6%204-13.27%205.15-19.74%205.15a63.8%2063.8%200%200%201-16.23-2.21a12%2012%200%201%201%206.46-23.11c6.82%201.85%2015%201.61%2016.39.06a2.5%202.5%200%200%200%20.21-.71c-1.94-1.23-6.82-2.64-9.88-3.53c-5.39-1.56-11-3.17-15.75-6.26c-7.62-4.92-11.21-12.45-10.1-21.19a24.44%2024.44%200%200%201%2010.68-17.76c6.07-4.09%2014.17-5.82%2024.1-5.17A69%2069%200%200%201%2075%20142a12%2012%200%200%201-6.1%2023.21c-6.35-1.63-13.61-1.51-16.07-.33a80%2080%200%200%200%207.92%202.59c5.47%201.58%2011.67%203.37%2016.8%206.82c7.78%205.24%2011.45%2013.24%2010.23%2022.51M155.3%20156l-20%2056a12%2012%200%200%201-22.6%200l-20-56a12%2012%200%201%201%2022.6-8l8.7%2024.3l8.7-24.3a12%2012%200%201%201%2022.6%208m68.7%2032v12.87a12%2012%200%200%201-3.33%208.3A34%2034%200%200%201%20196%20220c-19.85%200-36-17.94-36-40s16.15-40%2036-40a33.4%2033.4%200%200%201%2018.71%205.8a12%2012%200%201%201-13.42%2019.89A9.4%209.4%200%200%200%20196%20164c-6.5%200-12%207.33-12%2016s5.5%2016%2012%2016a9%209%200%200%200%202.7-.42A12%2012%200%200%201%20208%20176h4a12%2012%200%200%201%2012%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/file-svg-bold.svg?color=%231a73e8&size=48
