bell ring icon

bell-ring-bold from Solar by 480 Design · Bold · Notifications · CC-BY-4.0 Attribution required.

Name: bell-ring-bold
Set: Solar
Style: Bold
Category: Notifications
Viewbox: 24×24
License: CC BY 4.0

5 other variants in Solar

bell-ring-bold-duotone bell-ring-broken bell-ring-line-duotone bell-ring-linear bell-ring-outline

The same icon in other sets

bell-ringBoxIcons v2 Solid bell-ring-outlineFlowbite Icons bell-ringHuge Icons bell-ringIconPark bell-ringIconPark Outline bell-ringIconPark Solid bell-ringIconPark TwoTone bell-ringLucide bell-ringMaterial Design Icons bell-ringPixelarticons

More notifications icons from Solar

bell-bold bell-off-bold notification-lines-remove-bold notification-remove-bold notification-unread-bold notification-unread-lines-bold bell-bing-bold

Use the bell ring icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.35179 20.2418C9.19288 21.311 10.5142 22 12 22C13.4858 22 14.8071 21.311 15.6482 20.2418C13.2264 20.57 10.7736 20.57 8.35179 20.2418Z"/><path fill-rule="evenodd" d="M18.7491 9.7041V9C18.7491 5.13401 15.7274 2 12 2C8.27256 2 5.25087 5.13401 5.25087 9V9.7041C5.25087 10.5491 5.00972 11.3752 4.5578 12.0782L3.45036 13.8012C2.43882 15.3749 3.21105 17.5139 4.97036 18.0116C9.57274 19.3134 14.4273 19.3134 19.0296 18.0116C20.789 17.5139 21.5612 15.3749 20.5496 13.8012L19.4422 12.0782C18.9903 11.3752 18.7491 10.5491 18.7491 9.7041ZM12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V10C12.75 10.4142 12.4142 10.75 12 10.75C11.5858 10.75 11.25 10.4142 11.25 10V6C11.25 5.58579 11.5858 5.25 12 5.25Z" clip-rule="evenodd"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarBellRingBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.35179 20.2418C9.19288 21.311 10.5142 22 12 22C13.4858 22 14.8071 21.311 15.6482 20.2418C13.2264 20.57 10.7736 20.57 8.35179 20.2418Z"/><path fillRule="evenodd" d="M18.7491 9.7041V9C18.7491 5.13401 15.7274 2 12 2C8.27256 2 5.25087 5.13401 5.25087 9V9.7041C5.25087 10.5491 5.00972 11.3752 4.5578 12.0782L3.45036 13.8012C2.43882 15.3749 3.21105 17.5139 4.97036 18.0116C9.57274 19.3134 14.4273 19.3134 19.0296 18.0116C20.789 17.5139 21.5612 15.3749 20.5496 13.8012L19.4422 12.0782C18.9903 11.3752 18.7491 10.5491 18.7491 9.7041ZM12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V10C12.75 10.4142 12.4142 10.75 12 10.75C11.5858 10.75 11.25 10.4142 11.25 10V6C11.25 5.58579 11.5858 5.25 12 5.25Z" clipRule="evenodd"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.35179 20.2418C9.19288 21.311 10.5142 22 12 22C13.4858 22 14.8071 21.311 15.6482 20.2418C13.2264 20.57 10.7736 20.57 8.35179 20.2418Z"/><path fill-rule="evenodd" d="M18.7491 9.7041V9C18.7491 5.13401 15.7274 2 12 2C8.27256 2 5.25087 5.13401 5.25087 9V9.7041C5.25087 10.5491 5.00972 11.3752 4.5578 12.0782L3.45036 13.8012C2.43882 15.3749 3.21105 17.5139 4.97036 18.0116C9.57274 19.3134 14.4273 19.3134 19.0296 18.0116C20.789 17.5139 21.5612 15.3749 20.5496 13.8012L19.4422 12.0782C18.9903 11.3752 18.7491 10.5491 18.7491 9.7041ZM12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V10C12.75 10.4142 12.4142 10.75 12 10.75C11.5858 10.75 11.25 10.4142 11.25 10V6C11.25 5.58579 11.5858 5.25 12 5.25Z" clip-rule="evenodd"/></g></svg>
</template>

CSS

.icon-bell-ring-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.35179%2020.2418C9.19288%2021.311%2010.5142%2022%2012%2022C13.4858%2022%2014.8071%2021.311%2015.6482%2020.2418C13.2264%2020.57%2010.7736%2020.57%208.35179%2020.2418Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18.7491%209.7041V9C18.7491%205.13401%2015.7274%202%2012%202C8.27256%202%205.25087%205.13401%205.25087%209V9.7041C5.25087%2010.5491%205.00972%2011.3752%204.5578%2012.0782L3.45036%2013.8012C2.43882%2015.3749%203.21105%2017.5139%204.97036%2018.0116C9.57274%2019.3134%2014.4273%2019.3134%2019.0296%2018.0116C20.789%2017.5139%2021.5612%2015.3749%2020.5496%2013.8012L19.4422%2012.0782C18.9903%2011.3752%2018.7491%2010.5491%2018.7491%209.7041ZM12%205.25C12.4142%205.25%2012.75%205.58579%2012.75%206V10C12.75%2010.4142%2012.4142%2010.75%2012%2010.75C11.5858%2010.75%2011.25%2010.4142%2011.25%2010V6C11.25%205.58579%2011.5858%205.25%2012%205.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.35179%2020.2418C9.19288%2021.311%2010.5142%2022%2012%2022C13.4858%2022%2014.8071%2021.311%2015.6482%2020.2418C13.2264%2020.57%2010.7736%2020.57%208.35179%2020.2418Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18.7491%209.7041V9C18.7491%205.13401%2015.7274%202%2012%202C8.27256%202%205.25087%205.13401%205.25087%209V9.7041C5.25087%2010.5491%205.00972%2011.3752%204.5578%2012.0782L3.45036%2013.8012C2.43882%2015.3749%203.21105%2017.5139%204.97036%2018.0116C9.57274%2019.3134%2014.4273%2019.3134%2019.0296%2018.0116C20.789%2017.5139%2021.5612%2015.3749%2020.5496%2013.8012L19.4422%2012.0782C18.9903%2011.3752%2018.7491%2010.5491%2018.7491%209.7041ZM12%205.25C12.4142%205.25%2012.75%205.58579%2012.75%206V10C12.75%2010.4142%2012.4142%2010.75%2012%2010.75C11.5858%2010.75%2011.25%2010.4142%2011.25%2010V6C11.25%205.58579%2011.5858%205.25%2012%205.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/bell-ring-bold.svg?color=%231a73e8&size=48