# Bell icon

A free bell icon in SVG, also found under notification, alert and reminder. Set the stroke weight and the corners, then copy the code or download the file.

- Name: bell
- Category: [Communication](https://icons.evanpizzolato.com/categories/communication/)
- Also found under: notification, alert, reminder, alarm, ring
- Page: https://icons.evanpizzolato.com/icons/bell/
- SVG file: https://icons.evanpizzolato.com/svg/bell.svg
- CDN: https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/bell.svg
- License: MIT. Free for personal and commercial use. Attribution is not required.

## SVG

This is the file Copy gives you at the site defaults: square corners and a stroke weight of 1.25.

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="M24 12a8 8 0 1 0-16 0c0 7-3 9-3 9h22s-3-2-3-9"/>
  <path d="M18.9 25a3 3 0 0 1-5.8 0"/>
</svg>
```

## Use it from a CDN

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black, so paste the markup inline to color it with CSS.

```html
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/bell.svg" width="24" height="24" alt="">
```

## Related icons

- [bell-off](https://icons.evanpizzolato.com/icons/bell-off.md)
- [at-sign](https://icons.evanpizzolato.com/icons/at-sign.md)
- [chat-bubble](https://icons.evanpizzolato.com/icons/chat-bubble.md)
- [globe](https://icons.evanpizzolato.com/icons/globe.md)
- [inbox](https://icons.evanpizzolato.com/icons/inbox.md)
- [mail](https://icons.evanpizzolato.com/icons/mail.md)
- [phone](https://icons.evanpizzolato.com/icons/phone.md)
- [pin](https://icons.evanpizzolato.com/icons/pin.md)