Notifications Circle Outline

By Ben Sperry in IonIcons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 512 512">
  <path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192Z"/>
  <path fill="currentColor" d="M365.2 313c-16.33-19.34-27.86-27.47-27.86-80.8c0-48.86-25.78-66.23-47-74.67a11.39 11.39 0 0 1-6.34-6.68C280.29 138.6 269.88 128 256 128s-24.31 10.6-28 22.86a11.35 11.35 0 0 1-6.33 6.68c-21.24 8.46-47 25.8-47 74.67c0 53.33-11.54 61.46-27.87 80.8c-6.77 8-.65 23 11.19 23H354C365.77 336 371.94 321 365.2 313Zm-144.96 39a4 4 0 0 0-4 4.42C218.49 375.14 235.11 384 256 384c20.67 0 37.14-9.15 39.66-27.52a4 4 0 0 0-4-4.48Z"/>
</svg>


Notifications Circle Outline Icons examples

See what this icon looks like in some mockup designs
Notifications Circle OutlineHome

Related icons in IonIcons

copy save
accessibility
copy save
accessibility-outline
copy save
accessibility-sharp
copy save
add
copy save
add-circle
copy save
add-circle-outline
copy save
add-circle-sharp
copy save
add-outline
copy save
add-sharp
copy save
airplane
copy save
airplane-outline
copy save
airplane-sharp
copy save
alarm
copy save
alarm-outline
copy save
alarm-sharp
copy save
albums
copy save
albums-outline
copy save
albums-sharp
copy save
alert
copy save
alert-circle