Notifications

Examples

Heading

Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="modus-icons notranslate">notifications</i>

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" width="24" viewBox="0 0 32 32">
  <style>
    .st1{fill:#231f20}.st2{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}
  </style>
  <g>

    <path d="M26.48 20.58v-3.04c-.32.12-.64.22-.97.29-.15.04-.31.07-.47.08-.03.02-.06.02-.09.02-.12.02-.23.03-.35.04a6.24 6.24 0 0 1-2.897-.411c-2.582-.996-4.51-3.346-4.688-6.107a6.841 6.841 0 0 1 1.133-4.241c.741-1.057 1.03-1.672 1.141-1.992.056-.16.072-.331.05-.499C19.128 3.19 17.776 2 16.15 2h-.3c-1.7 0-3.1 1.3-3.21 2.93-4.25 1.36-7.12 5.1-7.12 9.42v6.23l-1.95 2.16c-.61.67-.74 1.63-.35 2.42.35.78 1.14 1.29 2.03 1.29h5.52C11.54 28.57 13.65 30 16 30s4.46-1.43 5.23-3.55h5.52c.89 0 1.68-.51 2.03-1.29.39-.79.26-1.75-.35-2.42l-1.95-2.16zM16 28c-1.25 0-2.37-.6-3.01-1.55h6.02C18.37 27.4 17.25 28 16 28z"/>
    <path d="M24 16c2.757 0 5-2.243 5-5s-2.243-5-5-5-5 2.243-5 5 2.243 5 5 5zm0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3z"/>
  </g>
</svg>