format image front outline rounded

Material Symbols icon · format-image-front-outline-rounded

License: Apache 2.0
Author: Google
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

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.

Smallest install: just this one library.

terminal

npm install @rdicons/react-material-symbols

your code

import { FormatImageFrontOutlineRounded } from '@rdicons/react-material-symbols'

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

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000000" d="M20 21H4q-.425 0-.712-.288T3 20t.288-.712T4 19h16q.425 0 .713.288T21 20t-.288.713T20 21M5.213 16.713Q4.925 17 4.5 17H4q-.425 0-.712-.288T3 16t.288-.712T4 15h.5q.425 0 .713.288T5.5 16t-.288.713M8 17q-.425 0-.712-.288T7 16V8q0-.425.288-.712T8 7h8q.425 0 .713.288T17 8v8q0 .425-.288.713T16 17zm12 0h-.5q-.425 0-.712-.288T18.5 16t.288-.712T19.5 15h.5q.425 0 .713.288T21 16t-.288.713T20 17M9 15h6V9H9zm-3.787-2.287Q4.925 13 4.5 13H4q-.425 0-.712-.288T3 12t.288-.712T4 11h.5q.425 0 .713.288T5.5 12t-.288.713M20 13h-.5q-.425 0-.712-.288T18.5 12t.288-.712T19.5 11h.5q.425 0 .713.288T21 12t-.288.713T20 13M5.213 8.713Q4.925 9 4.5 9H4q-.425 0-.712-.288T3 8t.288-.712T4 7h.5q.425 0 .713.288T5.5 8t-.288.713M20 9h-.5q-.425 0-.712-.288T18.5 8t.288-.712T19.5 7h.5q.425 0 .713.288T21 8t-.288.713T20 9m0-4H4q-.425 0-.712-.288T3 4t.288-.712T4 3h16q.425 0 .713.288T21 4t-.288.713T20 5m-8 7"/></svg>

format image front outline rounded

Use this icon in your code

SVG code

More from Material Symbols