bell z icon
bell-z-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- bell-z-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
Related icons in Tabler Icons
Use the bell z icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.235 19c.865 0 1.322 1.024.745 1.668A4 4 0 0 1 12 22a4 4 0 0 1-2.98-1.332c-.552-.616-.158-1.579.634-1.661l.11-.006zM12 2c1.358 0 2.506.903 2.875 2.141l.046.171l.008.043a8.01 8.01 0 0 1 4.024 6.069l.028.287L19 11v2.931l.021.136a3 3 0 0 0 1.143 1.847l.167.117l.162.099c.86.487.56 1.766-.377 1.864L20 18H4c-1.028 0-1.387-1.364-.493-1.87a3 3 0 0 0 1.472-2.063L5 13.924l.001-2.97A8 8 0 0 1 8.822 4.5l.248-.146l.01-.043a3 3 0 0 1 2.562-2.29l.182-.017zm2 6h-4l-.117.007A1 1 0 0 0 9 9l.007.117A1 1 0 0 0 10 10h1.584l-2.291 2.293l-.076.084C8.703 13.014 9.147 14 10 14h4l.117-.007A1 1 0 0 0 15 13l-.007-.117A1 1 0 0 0 14 12h-1.586l2.293-2.293l.076-.084C15.297 8.986 14.853 8 14 8"/></svg>
React
import type { SVGProps } from "react";
export function TablerBellZFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.235 19c.865 0 1.322 1.024.745 1.668A4 4 0 0 1 12 22a4 4 0 0 1-2.98-1.332c-.552-.616-.158-1.579.634-1.661l.11-.006zM12 2c1.358 0 2.506.903 2.875 2.141l.046.171l.008.043a8.01 8.01 0 0 1 4.024 6.069l.028.287L19 11v2.931l.021.136a3 3 0 0 0 1.143 1.847l.167.117l.162.099c.86.487.56 1.766-.377 1.864L20 18H4c-1.028 0-1.387-1.364-.493-1.87a3 3 0 0 0 1.472-2.063L5 13.924l.001-2.97A8 8 0 0 1 8.822 4.5l.248-.146l.01-.043a3 3 0 0 1 2.562-2.29l.182-.017zm2 6h-4l-.117.007A1 1 0 0 0 9 9l.007.117A1 1 0 0 0 10 10h1.584l-2.291 2.293l-.076.084C8.703 13.014 9.147 14 10 14h4l.117-.007A1 1 0 0 0 15 13l-.007-.117A1 1 0 0 0 14 12h-1.586l2.293-2.293l.076-.084C15.297 8.986 14.853 8 14 8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.235 19c.865 0 1.322 1.024.745 1.668A4 4 0 0 1 12 22a4 4 0 0 1-2.98-1.332c-.552-.616-.158-1.579.634-1.661l.11-.006zM12 2c1.358 0 2.506.903 2.875 2.141l.046.171l.008.043a8.01 8.01 0 0 1 4.024 6.069l.028.287L19 11v2.931l.021.136a3 3 0 0 0 1.143 1.847l.167.117l.162.099c.86.487.56 1.766-.377 1.864L20 18H4c-1.028 0-1.387-1.364-.493-1.87a3 3 0 0 0 1.472-2.063L5 13.924l.001-2.97A8 8 0 0 1 8.822 4.5l.248-.146l.01-.043a3 3 0 0 1 2.562-2.29l.182-.017zm2 6h-4l-.117.007A1 1 0 0 0 9 9l.007.117A1 1 0 0 0 10 10h1.584l-2.291 2.293l-.076.084C8.703 13.014 9.147 14 10 14h4l.117-.007A1 1 0 0 0 15 13l-.007-.117A1 1 0 0 0 14 12h-1.586l2.293-2.293l.076-.084C15.297 8.986 14.853 8 14 8"/></svg> </template>
CSS
.icon-bell-z-filled {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.235%2019c.865%200%201.322%201.024.745%201.668A4%204%200%200%201%2012%2022a4%204%200%200%201-2.98-1.332c-.552-.616-.158-1.579.634-1.661l.11-.006zM12%202c1.358%200%202.506.903%202.875%202.141l.046.171l.008.043a8.01%208.01%200%200%201%204.024%206.069l.028.287L19%2011v2.931l.021.136a3%203%200%200%200%201.143%201.847l.167.117l.162.099c.86.487.56%201.766-.377%201.864L20%2018H4c-1.028%200-1.387-1.364-.493-1.87a3%203%200%200%200%201.472-2.063L5%2013.924l.001-2.97A8%208%200%200%201%208.822%204.5l.248-.146l.01-.043a3%203%200%200%201%202.562-2.29l.182-.017zm2%206h-4l-.117.007A1%201%200%200%200%209%209l.007.117A1%201%200%200%200%2010%2010h1.584l-2.291%202.293l-.076.084C8.703%2013.014%209.147%2014%2010%2014h4l.117-.007A1%201%200%200%200%2015%2013l-.007-.117A1%201%200%200%200%2014%2012h-1.586l2.293-2.293l.076-.084C15.297%208.986%2014.853%208%2014%208%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.235%2019c.865%200%201.322%201.024.745%201.668A4%204%200%200%201%2012%2022a4%204%200%200%201-2.98-1.332c-.552-.616-.158-1.579.634-1.661l.11-.006zM12%202c1.358%200%202.506.903%202.875%202.141l.046.171l.008.043a8.01%208.01%200%200%201%204.024%206.069l.028.287L19%2011v2.931l.021.136a3%203%200%200%200%201.143%201.847l.167.117l.162.099c.86.487.56%201.766-.377%201.864L20%2018H4c-1.028%200-1.387-1.364-.493-1.87a3%203%200%200%200%201.472-2.063L5%2013.924l.001-2.97A8%208%200%200%201%208.822%204.5l.248-.146l.01-.043a3%203%200%200%201%202.562-2.29l.182-.017zm2%206h-4l-.117.007A1%201%200%200%200%209%209l.007.117A1%201%200%200%200%2010%2010h1.584l-2.291%202.293l-.076.084C8.703%2013.014%209.147%2014%2010%2014h4l.117-.007A1%201%200%200%200%2015%2013l-.007-.117A1%201%200%200%200%2014%2012h-1.586l2.293-2.293l.076-.084C15.297%208.986%2014.853%208%2014%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/bell-z-filled.svg?color=%231a73e8&size=48
