bell off icon

bell-off-linear from Solar by 480 Design · Linear · Notifications · CC-BY-4.0 Attribution required.

Name: bell-off-linear
Set: Solar
Style: Linear
Category: Notifications
Viewbox: 24×24
License: CC BY 4.0

5 other variants in Solar

bell-off-bold bell-off-bold-duotone bell-off-broken bell-off-line-duotone bell-off-outline

The same icon in other sets

bell-offBoxIcons v2 bell-offBoxIcons v2 Solid bell-off-fillEva Icons bell-offFeather Icons bell-offHuge Icons bell-offHumbleicons bell-offIconoir bell-offJam Icons bell-offLucide bell-offMaterial Design Icons bell-offMyna UI Icons bell-offPixelarticons bell-offTabler Icons

More notifications icons from Solar

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

Use the bell off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18.7491 9.70957V9.00496C18.7491 5.13623 15.7274 2 12 2C8.27256 2 5.25087 5.13623 5.25087 9.00496V9.70957C5.25087 10.5552 5.00972 11.3818 4.5578 12.0854L3.45036 13.8095C2.43882 15.3843 3.21105 17.5249 4.97036 18.0229C9.57274 19.3257 14.4273 19.3257 19.0296 18.0229C20.789 17.5249 21.5612 15.3843 20.5496 13.8095L19.4422 12.0854C18.9903 11.3818 18.7491 10.5552 18.7491 9.70957Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M10 9H14L10 13H14"/><path stroke-linecap="round" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarBellOffLinear(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M18.7491 9.70957V9.00496C18.7491 5.13623 15.7274 2 12 2C8.27256 2 5.25087 5.13623 5.25087 9.00496V9.70957C5.25087 10.5552 5.00972 11.3818 4.5578 12.0854L3.45036 13.8095C2.43882 15.3843 3.21105 17.5249 4.97036 18.0229C9.57274 19.3257 14.4273 19.3257 19.0296 18.0229C20.789 17.5249 21.5612 15.3843 20.5496 13.8095L19.4422 12.0854C18.9903 11.3818 18.7491 10.5552 18.7491 9.70957Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M10 9H14L10 13H14"/><path strokeLinecap="round" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M18.7491 9.70957V9.00496C18.7491 5.13623 15.7274 2 12 2C8.27256 2 5.25087 5.13623 5.25087 9.00496V9.70957C5.25087 10.5552 5.00972 11.3818 4.5578 12.0854L3.45036 13.8095C2.43882 15.3843 3.21105 17.5249 4.97036 18.0229C9.57274 19.3257 14.4273 19.3257 19.0296 18.0229C20.789 17.5249 21.5612 15.3843 20.5496 13.8095L19.4422 12.0854C18.9903 11.3818 18.7491 10.5552 18.7491 9.70957Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M10 9H14L10 13H14"/><path stroke-linecap="round" d="M7.5 19C8.15503 20.7478 9.92246 22 12 22C14.0775 22 15.845 20.7478 16.5 19"/></g></svg>
</template>

CSS

.icon-bell-off-linear {
  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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.7491%209.70957V9.00496C18.7491%205.13623%2015.7274%202%2012%202C8.27256%202%205.25087%205.13623%205.25087%209.00496V9.70957C5.25087%2010.5552%205.00972%2011.3818%204.5578%2012.0854L3.45036%2013.8095C2.43882%2015.3843%203.21105%2017.5249%204.97036%2018.0229C9.57274%2019.3257%2014.4273%2019.3257%2019.0296%2018.0229C20.789%2017.5249%2021.5612%2015.3843%2020.5496%2013.8095L19.4422%2012.0854C18.9903%2011.3818%2018.7491%2010.5552%2018.7491%209.70957Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10%209H14L10%2013H14%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7.5%2019C8.15503%2020.7478%209.92246%2022%2012%2022C14.0775%2022%2015.845%2020.7478%2016.5%2019%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M18.7491%209.70957V9.00496C18.7491%205.13623%2015.7274%202%2012%202C8.27256%202%205.25087%205.13623%205.25087%209.00496V9.70957C5.25087%2010.5552%205.00972%2011.3818%204.5578%2012.0854L3.45036%2013.8095C2.43882%2015.3843%203.21105%2017.5249%204.97036%2018.0229C9.57274%2019.3257%2014.4273%2019.3257%2019.0296%2018.0229C20.789%2017.5249%2021.5612%2015.3843%2020.5496%2013.8095L19.4422%2012.0854C18.9903%2011.3818%2018.7491%2010.5552%2018.7491%209.70957Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10%209H14L10%2013H14%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7.5%2019C8.15503%2020.7478%209.92246%2022%2012%2022C14.0775%2022%2015.845%2020.7478%2016.5%2019%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-off-linear.svg?color=%231a73e8&size=48