file svg bold

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 { FileSvgBold } from '@rdicons/react-ph'

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

SVG code

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

More from Phosphor