Notifications Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Notifications icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/330349.svg" alt="Notifications icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/330349.svg" alt="Notifications icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/330349.svg" alt="Notifications icon" :width="24" :height="24" />
CSS background
.icon-notifications {
background-image: url('https://proicons.com/icon/330349.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.e{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="e" d="M39.32888648,31.61020888c-2.35617845-1.83136188-2.71654815-2.41661187-4.29351105-10.77474503-1.33923256-7.09786757-4.27469865-9.30468353-7.91880005-10.45870134.20253346-.43840244.32340028-.92205979.32340028-1.43663273,0-1.89989739-1.54017996-3.4400778-3.4400778-3.4400778s-3.43998545,1.54018085-3.43998545,3.4400778c0,.51466619.12077447.99823029.32330792,1.43663273-3.6441014,1.15401781-6.57956927,3.36092701-7.91870681,10.45870134-1.57696201,8.35813317-1.93733082,8.94347728-4.29350927,10.77474503-2.43328052,1.89114347-2.35496804,6.24844119.88388084,6.24844119h9.74355219c.03659644,2.56858167,2.12403394,4.64140191,4.70146234,4.64140191s4.6648659-2.07282024,4.70146234-4.64139835h9.7435513c3.23875564,0,3.31716314-4.35729418.88388084-6.24844119l.00009236-.00000355Z"/><line class="e" x1="19.2984373" y1="37.85865007" x2="28.70136198" y2="37.85865007"/></svg>
More from Arcticons
View all
Notifications in other icon packs
Copied!