Notifications Outline icon

material-symbolsfill

The Notifications 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, outline.

Tags: notifications, outline

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M4 19v-2h2v-7q0-2.075 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062T12 2t1.063.438T13.5 3.5v.7q2 .5 3.25 2.113T18 10v7h2v2zm8 3q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m-4-5h8v-7q0-1.65-1.175-2.825T12 6T9.175 7.175T8 10z"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Circle Notifications Outline Circle Notifications Outline Rounded Circle Notifications Outline Sharp Edit Notifications Outline Edit Notifications Outline Rounded Edit Notifications Outline Sharp Notifications Active Outline Notifications Active Outline Rounded Notifications Active Outline Sharp Notifications Off Outline Notifications Off Outline Rounded Notifications Off Outline Sharp