file svg icon
file-svg-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- file-svg-light
- Set
- Phosphor
- Style
- Light
- 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="m212.24 83.75l-56-56A6 6 0 0 0 152 26H56a14 14 0 0 0-14 14v72a6 6 0 0 0 12 0V40a2 2 0 0 1 2-2h90v50a6 6 0 0 0 6 6h50v18a6 6 0 1 0 12 0V88a6 6 0 0 0-1.76-4.25M158 46.48L193.52 82H158ZM85.83 196.05a18.85 18.85 0 0 1-8.3 13.81c-4.82 3.19-10.87 4.14-16.37 4.14a59.4 59.4 0 0 1-14.67-2a6 6 0 0 1 3.23-11.56c3.71 1 15.58 3.11 21.19-.62a6.85 6.85 0 0 0 3-5.34c.57-4.43-2.08-6.26-14.2-9.76c-9.31-2.69-23.37-6.75-21.57-20.94a18.61 18.61 0 0 1 8.08-13.54c11.11-7.49 29.18-3 31.2-2.48a6 6 0 0 1-3 11.6c-3.79-1-15.85-2.95-21.45.84a6.59 6.59 0 0 0-2.88 5.08c-.41 3.22 2.14 4.78 13 7.91c9.84 2.89 24.76 7.2 22.74 22.86m63.82-42l-20 56a6 6 0 0 1-11.3 0l-20-56a6 6 0 1 1 11.3-4l14.35 40.1L138.35 150a6 6 0 0 1 11.3 4ZM214 184v16.87a6 6 0 0 1-1.67 4.15A28.06 28.06 0 0 1 192 214c-16.54 0-30-15.25-30-34s13.46-34 30-34a27.43 27.43 0 0 1 15.36 4.77a6 6 0 0 1-6.72 10A15.25 15.25 0 0 0 192 158c-9.92 0-18 9.87-18 22s8.08 22 18 22a15.7 15.7 0 0 0 10-3.74V190h-2a6 6 0 0 1 0-12h8a6 6 0 0 1 6 6"/></svg>
React
import type { SVGProps } from "react";
export function PhFileSvgLight(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="m212.24 83.75l-56-56A6 6 0 0 0 152 26H56a14 14 0 0 0-14 14v72a6 6 0 0 0 12 0V40a2 2 0 0 1 2-2h90v50a6 6 0 0 0 6 6h50v18a6 6 0 1 0 12 0V88a6 6 0 0 0-1.76-4.25M158 46.48L193.52 82H158ZM85.83 196.05a18.85 18.85 0 0 1-8.3 13.81c-4.82 3.19-10.87 4.14-16.37 4.14a59.4 59.4 0 0 1-14.67-2a6 6 0 0 1 3.23-11.56c3.71 1 15.58 3.11 21.19-.62a6.85 6.85 0 0 0 3-5.34c.57-4.43-2.08-6.26-14.2-9.76c-9.31-2.69-23.37-6.75-21.57-20.94a18.61 18.61 0 0 1 8.08-13.54c11.11-7.49 29.18-3 31.2-2.48a6 6 0 0 1-3 11.6c-3.79-1-15.85-2.95-21.45.84a6.59 6.59 0 0 0-2.88 5.08c-.41 3.22 2.14 4.78 13 7.91c9.84 2.89 24.76 7.2 22.74 22.86m63.82-42l-20 56a6 6 0 0 1-11.3 0l-20-56a6 6 0 1 1 11.3-4l14.35 40.1L138.35 150a6 6 0 0 1 11.3 4ZM214 184v16.87a6 6 0 0 1-1.67 4.15A28.06 28.06 0 0 1 192 214c-16.54 0-30-15.25-30-34s13.46-34 30-34a27.43 27.43 0 0 1 15.36 4.77a6 6 0 0 1-6.72 10A15.25 15.25 0 0 0 192 158c-9.92 0-18 9.87-18 22s8.08 22 18 22a15.7 15.7 0 0 0 10-3.74V190h-2a6 6 0 0 1 0-12h8a6 6 0 0 1 6 6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m212.24 83.75l-56-56A6 6 0 0 0 152 26H56a14 14 0 0 0-14 14v72a6 6 0 0 0 12 0V40a2 2 0 0 1 2-2h90v50a6 6 0 0 0 6 6h50v18a6 6 0 1 0 12 0V88a6 6 0 0 0-1.76-4.25M158 46.48L193.52 82H158ZM85.83 196.05a18.85 18.85 0 0 1-8.3 13.81c-4.82 3.19-10.87 4.14-16.37 4.14a59.4 59.4 0 0 1-14.67-2a6 6 0 0 1 3.23-11.56c3.71 1 15.58 3.11 21.19-.62a6.85 6.85 0 0 0 3-5.34c.57-4.43-2.08-6.26-14.2-9.76c-9.31-2.69-23.37-6.75-21.57-20.94a18.61 18.61 0 0 1 8.08-13.54c11.11-7.49 29.18-3 31.2-2.48a6 6 0 0 1-3 11.6c-3.79-1-15.85-2.95-21.45.84a6.59 6.59 0 0 0-2.88 5.08c-.41 3.22 2.14 4.78 13 7.91c9.84 2.89 24.76 7.2 22.74 22.86m63.82-42l-20 56a6 6 0 0 1-11.3 0l-20-56a6 6 0 1 1 11.3-4l14.35 40.1L138.35 150a6 6 0 0 1 11.3 4ZM214 184v16.87a6 6 0 0 1-1.67 4.15A28.06 28.06 0 0 1 192 214c-16.54 0-30-15.25-30-34s13.46-34 30-34a27.43 27.43 0 0 1 15.36 4.77a6 6 0 0 1-6.72 10A15.25 15.25 0 0 0 192 158c-9.92 0-18 9.87-18 22s8.08 22 18 22a15.7 15.7 0 0 0 10-3.74V190h-2a6 6 0 0 1 0-12h8a6 6 0 0 1 6 6"/></svg> </template>
CSS
.icon-file-svg-light {
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%22m212.24%2083.75l-56-56A6%206%200%200%200%20152%2026H56a14%2014%200%200%200-14%2014v72a6%206%200%200%200%2012%200V40a2%202%200%200%201%202-2h90v50a6%206%200%200%200%206%206h50v18a6%206%200%201%200%2012%200V88a6%206%200%200%200-1.76-4.25M158%2046.48L193.52%2082H158ZM85.83%20196.05a18.85%2018.85%200%200%201-8.3%2013.81c-4.82%203.19-10.87%204.14-16.37%204.14a59.4%2059.4%200%200%201-14.67-2a6%206%200%200%201%203.23-11.56c3.71%201%2015.58%203.11%2021.19-.62a6.85%206.85%200%200%200%203-5.34c.57-4.43-2.08-6.26-14.2-9.76c-9.31-2.69-23.37-6.75-21.57-20.94a18.61%2018.61%200%200%201%208.08-13.54c11.11-7.49%2029.18-3%2031.2-2.48a6%206%200%200%201-3%2011.6c-3.79-1-15.85-2.95-21.45.84a6.59%206.59%200%200%200-2.88%205.08c-.41%203.22%202.14%204.78%2013%207.91c9.84%202.89%2024.76%207.2%2022.74%2022.86m63.82-42l-20%2056a6%206%200%200%201-11.3%200l-20-56a6%206%200%201%201%2011.3-4l14.35%2040.1L138.35%20150a6%206%200%200%201%2011.3%204ZM214%20184v16.87a6%206%200%200%201-1.67%204.15A28.06%2028.06%200%200%201%20192%20214c-16.54%200-30-15.25-30-34s13.46-34%2030-34a27.43%2027.43%200%200%201%2015.36%204.77a6%206%200%200%201-6.72%2010A15.25%2015.25%200%200%200%20192%20158c-9.92%200-18%209.87-18%2022s8.08%2022%2018%2022a15.7%2015.7%200%200%200%2010-3.74V190h-2a6%206%200%200%201%200-12h8a6%206%200%200%201%206%206%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%22m212.24%2083.75l-56-56A6%206%200%200%200%20152%2026H56a14%2014%200%200%200-14%2014v72a6%206%200%200%200%2012%200V40a2%202%200%200%201%202-2h90v50a6%206%200%200%200%206%206h50v18a6%206%200%201%200%2012%200V88a6%206%200%200%200-1.76-4.25M158%2046.48L193.52%2082H158ZM85.83%20196.05a18.85%2018.85%200%200%201-8.3%2013.81c-4.82%203.19-10.87%204.14-16.37%204.14a59.4%2059.4%200%200%201-14.67-2a6%206%200%200%201%203.23-11.56c3.71%201%2015.58%203.11%2021.19-.62a6.85%206.85%200%200%200%203-5.34c.57-4.43-2.08-6.26-14.2-9.76c-9.31-2.69-23.37-6.75-21.57-20.94a18.61%2018.61%200%200%201%208.08-13.54c11.11-7.49%2029.18-3%2031.2-2.48a6%206%200%200%201-3%2011.6c-3.79-1-15.85-2.95-21.45.84a6.59%206.59%200%200%200-2.88%205.08c-.41%203.22%202.14%204.78%2013%207.91c9.84%202.89%2024.76%207.2%2022.74%2022.86m63.82-42l-20%2056a6%206%200%200%201-11.3%200l-20-56a6%206%200%201%201%2011.3-4l14.35%2040.1L138.35%20150a6%206%200%200%201%2011.3%204ZM214%20184v16.87a6%206%200%200%201-1.67%204.15A28.06%2028.06%200%200%201%20192%20214c-16.54%200-30-15.25-30-34s13.46-34%2030-34a27.43%2027.43%200%200%201%2015.36%204.77a6%206%200%200%201-6.72%2010A15.25%2015.25%200%200%200%20192%20158c-9.92%200-18%209.87-18%2022s8.08%2022%2018%2022a15.7%2015.7%200%200%200%2010-3.74V190h-2a6%206%200%200%201%200-12h8a6%206%200%200%201%206%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/file-svg-light.svg?color=%231a73e8&size=48
