Notification Bell On icon

A free notification bell on icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Alerts & Notifications
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: alert, enabled, notification, bell, sound, active, message, reminder, signal, alarm.

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(4.01 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.81 6.61C1.12 2.87 4.24 0 7.99 0C11.74 0 14.86 2.87 15.17 6.61L15.53 10.87C15.57 11.39 15.73 11.86 15.89 12.35C16.21 13.31 15.57 14.32 14.56 14.43C13.32 14.57 12.08 14.66 10.83 14.72C8.94 14.81 7.04 14.81 5.15 14.72C3.9 14.66 2.65 14.57 1.41 14.43C0.41 14.32 -0.24 13.31 0.08 12.35C0.24 11.86 0.41 11.38 0.45 10.87L0.81 6.61Z"/>
  <path transform="translate(4.01 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5.15 15.16C5.15 16.73 6.42 18 7.99 18C9.56 18 10.83 16.73 10.83 15.16L10.83 14.72C8.94 14.81 7.04 14.81 5.15 14.72L5.15 15.16Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3.01 2)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0.81 7.53C1.16 3.27 4.72 0 8.99 0C13.26 0 16.81 3.27 17.17 7.53L17.52 11.79C17.55 12.16 17.67 12.52 17.84 13.03C18.36 14.6 17.31 16.24 15.67 16.42C14.72 16.53 13.76 16.61 12.8 16.67C12.55 18.55 10.94 20 8.99 20C7.04 20 5.43 18.55 5.18 16.67C4.22 16.61 3.26 16.53 2.3 16.42C0.67 16.24 -0.39 14.59 0.13 13.03C0.3 12.52 0.42 12.16 0.45 11.79L0.81 7.53ZM7.25 16.77C7.5 17.48 8.18 18 8.99 18C9.79 18 10.48 17.48 10.73 16.77C10.63 16.77 10.53 16.77 10.43 16.77C9.37 16.8 8.31 16.8 7.25 16.77Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(9.16 17.72)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 0.43C0 2 1.27 3.28 2.84 3.28C4.41 3.28 5.68 2 5.68 0.43L5.68 0"/>
  <path transform="translate(4.01 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.81 6.61C1.12 2.87 4.24 0 7.99 0C11.74 0 14.86 2.87 15.17 6.61L15.53 10.87C15.57 11.39 15.73 11.86 15.89 12.35C16.21 13.31 15.57 14.32 14.56 14.43C13.32 14.57 12.08 14.66 10.83 14.72C8.94 14.81 7.04 14.81 5.15 14.72C3.9 14.66 2.65 14.57 1.41 14.43C0.41 14.32 -0.24 13.31 0.08 12.35C0.24 11.86 0.41 11.38 0.45 10.87L0.81 6.61Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3.01 2)" fill="currentColor" d="M8.99 0C4.72 0 1.16 3.27 0.81 7.53L0.45 11.79C0.42 12.16 0.3 12.52 0.13 13.03C-0.39 14.59 0.67 16.24 2.3 16.42C3.57 16.56 4.83 16.66 6.1 16.72C8.02 16.81 9.95 16.81 11.88 16.72C13.15 16.66 14.41 16.56 15.67 16.42C17.31 16.24 18.36 14.6 17.84 13.03C17.67 12.52 17.55 12.16 17.52 11.79L17.17 7.53C16.81 3.27 13.26 0 8.99 0Z"/>
  <path transform="translate(8.19 18.67)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0 0C0.31 0.02 0.61 0.04 0.92 0.05C2.84 0.14 4.77 0.14 6.7 0.05C7 0.04 7.31 0.02 7.62 0C7.37 1.88 5.76 3.33 3.81 3.33C1.86 3.33 0.25 1.88 0 0ZM3.81 1.33C3 1.33 2.32 0.81 2.07 0.1C3.23 0.13 4.39 0.13 5.55 0.09C5.3 0.81 4.61 1.33 3.81 1.33Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(4.01 3)" fill="currentColor" d="M0.81 6.61C1.12 2.87 4.24 0 7.99 0C11.74 0 14.86 2.87 15.17 6.61L15.53 10.87C15.57 11.39 15.73 11.86 15.89 12.35C16.21 13.31 15.57 14.32 14.56 14.43C13.32 14.57 12.08 14.66 10.83 14.72C8.94 14.81 7.04 14.81 5.15 14.72C3.9 14.66 2.65 14.57 1.41 14.43C0.41 14.32 -0.24 13.31 0.08 12.35C0.24 11.86 0.41 11.38 0.45 10.87L0.81 6.61Z"/>
  <path transform="translate(4.01 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0.81 6.61C1.12 2.87 4.24 0 7.99 0C11.74 0 14.86 2.87 15.17 6.61L15.53 10.87C15.57 11.39 15.73 11.86 15.89 12.35C16.21 13.31 15.57 14.32 14.56 14.43C13.32 14.57 12.08 14.66 10.83 14.72C8.94 14.81 7.04 14.81 5.15 14.72C3.9 14.66 2.65 14.57 1.41 14.43C0.41 14.32 -0.24 13.31 0.08 12.35C0.24 11.86 0.41 11.38 0.45 10.87L0.81 6.61Z"/>
  <path transform="translate(4.01 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5.15 14.72L5.15 15.16C5.15 16.73 6.42 18 7.99 18C9.56 18 10.83 16.73 10.83 15.16L10.83 14.72"/>
</svg>