file jsx icon
file-jsx-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- file-jsx-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the file jsx icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M145.83 196.05a18.89 18.89 0 0 1-8.31 13.81c-4.82 3.19-10.87 4.14-16.36 4.14a59.4 59.4 0 0 1-14.68-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.58-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.21-2.48a6 6 0 0 1-3.06 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.89 2.89 24.81 7.2 22.8 22.86M72 146a6 6 0 0 0-6 6v38a12 12 0 0 1-24 0a6 6 0 0 0-12 0a24 24 0 0 0 48 0v-38a6 6 0 0 0-6-6m139.49 1.12a6 6 0 0 0-8.37 1.39L188 169.67l-15.12-21.17a6 6 0 0 0-9.76 7l17.51 24.5l-17.51 24.5a6 6 0 1 0 9.76 7L188 190.31l15.12 21.16a6 6 0 1 0 9.76-7L195.37 180l17.51-24.51a6 6 0 0 0-1.39-8.38ZM214 88v24a6 6 0 1 1-12 0V94h-50a6 6 0 0 1-6-6V38H56a2 2 0 0 0-2 2v72a6 6 0 1 1-12 0V40a14 14 0 0 1 14-14h96a6 6 0 0 1 4.25 1.76l56 56A6 6 0 0 1 214 88m-20.49-6L158 46.48V82Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFileJsxLight(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="M145.83 196.05a18.89 18.89 0 0 1-8.31 13.81c-4.82 3.19-10.87 4.14-16.36 4.14a59.4 59.4 0 0 1-14.68-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.58-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.21-2.48a6 6 0 0 1-3.06 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.89 2.89 24.81 7.2 22.8 22.86M72 146a6 6 0 0 0-6 6v38a12 12 0 0 1-24 0a6 6 0 0 0-12 0a24 24 0 0 0 48 0v-38a6 6 0 0 0-6-6m139.49 1.12a6 6 0 0 0-8.37 1.39L188 169.67l-15.12-21.17a6 6 0 0 0-9.76 7l17.51 24.5l-17.51 24.5a6 6 0 1 0 9.76 7L188 190.31l15.12 21.16a6 6 0 1 0 9.76-7L195.37 180l17.51-24.51a6 6 0 0 0-1.39-8.38ZM214 88v24a6 6 0 1 1-12 0V94h-50a6 6 0 0 1-6-6V38H56a2 2 0 0 0-2 2v72a6 6 0 1 1-12 0V40a14 14 0 0 1 14-14h96a6 6 0 0 1 4.25 1.76l56 56A6 6 0 0 1 214 88m-20.49-6L158 46.48V82Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M145.83 196.05a18.89 18.89 0 0 1-8.31 13.81c-4.82 3.19-10.87 4.14-16.36 4.14a59.4 59.4 0 0 1-14.68-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.58-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.21-2.48a6 6 0 0 1-3.06 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.89 2.89 24.81 7.2 22.8 22.86M72 146a6 6 0 0 0-6 6v38a12 12 0 0 1-24 0a6 6 0 0 0-12 0a24 24 0 0 0 48 0v-38a6 6 0 0 0-6-6m139.49 1.12a6 6 0 0 0-8.37 1.39L188 169.67l-15.12-21.17a6 6 0 0 0-9.76 7l17.51 24.5l-17.51 24.5a6 6 0 1 0 9.76 7L188 190.31l15.12 21.16a6 6 0 1 0 9.76-7L195.37 180l17.51-24.51a6 6 0 0 0-1.39-8.38ZM214 88v24a6 6 0 1 1-12 0V94h-50a6 6 0 0 1-6-6V38H56a2 2 0 0 0-2 2v72a6 6 0 1 1-12 0V40a14 14 0 0 1 14-14h96a6 6 0 0 1 4.25 1.76l56 56A6 6 0 0 1 214 88m-20.49-6L158 46.48V82Z"/></svg> </template>
CSS
.icon-file-jsx-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%22M145.83%20196.05a18.89%2018.89%200%200%201-8.31%2013.81c-4.82%203.19-10.87%204.14-16.36%204.14a59.4%2059.4%200%200%201-14.68-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.58-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.21-2.48a6%206%200%200%201-3.06%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.89%202.89%2024.81%207.2%2022.8%2022.86M72%20146a6%206%200%200%200-6%206v38a12%2012%200%200%201-24%200a6%206%200%200%200-12%200a24%2024%200%200%200%2048%200v-38a6%206%200%200%200-6-6m139.49%201.12a6%206%200%200%200-8.37%201.39L188%20169.67l-15.12-21.17a6%206%200%200%200-9.76%207l17.51%2024.5l-17.51%2024.5a6%206%200%201%200%209.76%207L188%20190.31l15.12%2021.16a6%206%200%201%200%209.76-7L195.37%20180l17.51-24.51a6%206%200%200%200-1.39-8.38ZM214%2088v24a6%206%200%201%201-12%200V94h-50a6%206%200%200%201-6-6V38H56a2%202%200%200%200-2%202v72a6%206%200%201%201-12%200V40a14%2014%200%200%201%2014-14h96a6%206%200%200%201%204.25%201.76l56%2056A6%206%200%200%201%20214%2088m-20.49-6L158%2046.48V82Z%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%22M145.83%20196.05a18.89%2018.89%200%200%201-8.31%2013.81c-4.82%203.19-10.87%204.14-16.36%204.14a59.4%2059.4%200%200%201-14.68-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.58-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.21-2.48a6%206%200%200%201-3.06%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.89%202.89%2024.81%207.2%2022.8%2022.86M72%20146a6%206%200%200%200-6%206v38a12%2012%200%200%201-24%200a6%206%200%200%200-12%200a24%2024%200%200%200%2048%200v-38a6%206%200%200%200-6-6m139.49%201.12a6%206%200%200%200-8.37%201.39L188%20169.67l-15.12-21.17a6%206%200%200%200-9.76%207l17.51%2024.5l-17.51%2024.5a6%206%200%201%200%209.76%207L188%20190.31l15.12%2021.16a6%206%200%201%200%209.76-7L195.37%20180l17.51-24.51a6%206%200%200%200-1.39-8.38ZM214%2088v24a6%206%200%201%201-12%200V94h-50a6%206%200%200%201-6-6V38H56a2%202%200%200%200-2%202v72a6%206%200%201%201-12%200V40a14%2014%200%200%201%2014-14h96a6%206%200%200%201%204.25%201.76l56%2056A6%206%200%200%201%20214%2088m-20.49-6L158%2046.48V82Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/file-jsx-light.svg?color=%231a73e8&size=48
