Notifications Unread Outline icon

material-symbolsfill

The Notifications Unread Outline icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for notifications, unread, outline.

Tags: notifications, unread, outline

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M12 22q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m-8-3v-2h2v-7q0-2.075 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062T12 2t1.063.438T13.5 3.5v.325q-.275.55-.4 1.125T13 6.125q-.25-.05-.488-.088T12 6q-1.65 0-2.825 1.175T8 10v7h8v-6.425q.45.2.963.313T18 11v6h2v2zM15.875 8.125Q15 7.25 15 6t.875-2.125T18 3t2.125.875T21 6t-.875 2.125T18 9t-2.125-.875"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Notifications Unread Outline Rounded Notifications Unread Outline Sharp Check Circle Unread Outline Check Circle Unread Outline Rounded Circle Notifications Outline Circle Notifications Outline Rounded Circle Notifications Outline Sharp Edit Notifications Outline Edit Notifications Outline Rounded Edit Notifications Outline Sharp Mark As Unread Outline Mark As Unread Outline Rounded