file jsx light

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

npm install @rdicons/react-ph

import { FileJsxLight } from '@rdicons/react-ph'

export function Example() {
  return <FileJsxLight />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 256 256"><path fill="#000000" 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>

More from Phosphor