bell user icon
bell-user-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- bell-user-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
Related icons in Myna UI Icons
Use the bell user icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.75 8.5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/><path d="M7.168 3.73c1.014-.971 2.562-1.48 4.831-1.48s3.818.509 4.832 1.48c1.008.965 1.352 2.26 1.508 3.501c.075.602.11 1.226.144 1.822l.003.066c.036.627.07 1.225.147 1.796c.153 1.147.458 2.073 1.138 2.75c.588.584 1.028 1.485.975 2.334c-.028.448-.2.916-.603 1.263c-.396.342-.923.488-1.51.488h-2.896c-.07.813-.27 1.654-.696 2.36c-.592.98-1.588 1.64-3.042 1.64s-2.449-.66-3.04-1.64c-.427-.706-.627-1.547-.697-2.36H5.366c-.596 0-1.129-.148-1.526-.497c-.403-.356-.566-.831-.588-1.28c-.04-.846.405-1.742.976-2.309c.68-.676.985-1.602 1.138-2.749c.076-.571.111-1.169.146-1.796l.004-.066c.034-.596.069-1.22.144-1.822c.156-1.241.5-2.536 1.508-3.5M12 5.75a2.75 2.75 0 0 0-2.01 4.627q-.286.164-.54.382c-.734.629-1.2 1.563-1.2 2.741a.75.75 0 0 0 1.5 0c0-.752.284-1.266.676-1.603c.408-.35.977-.543 1.574-.543s1.166.193 1.574.543c.392.337.676.85.676 1.603a.75.75 0 0 0 1.5 0c0-1.178-.466-2.112-1.2-2.741a3.6 3.6 0 0 0-.54-.382A2.75 2.75 0 0 0 12 5.75"/></g></svg>
React
import type { SVGProps } from "react";
export function MynauiBellUserSolid(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="M10.75 8.5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/><path d="M7.168 3.73c1.014-.971 2.562-1.48 4.831-1.48s3.818.509 4.832 1.48c1.008.965 1.352 2.26 1.508 3.501c.075.602.11 1.226.144 1.822l.003.066c.036.627.07 1.225.147 1.796c.153 1.147.458 2.073 1.138 2.75c.588.584 1.028 1.485.975 2.334c-.028.448-.2.916-.603 1.263c-.396.342-.923.488-1.51.488h-2.896c-.07.813-.27 1.654-.696 2.36c-.592.98-1.588 1.64-3.042 1.64s-2.449-.66-3.04-1.64c-.427-.706-.627-1.547-.697-2.36H5.366c-.596 0-1.129-.148-1.526-.497c-.403-.356-.566-.831-.588-1.28c-.04-.846.405-1.742.976-2.309c.68-.676.985-1.602 1.138-2.749c.076-.571.111-1.169.146-1.796l.004-.066c.034-.596.069-1.22.144-1.822c.156-1.241.5-2.536 1.508-3.5M12 5.75a2.75 2.75 0 0 0-2.01 4.627q-.286.164-.54.382c-.734.629-1.2 1.563-1.2 2.741a.75.75 0 0 0 1.5 0c0-.752.284-1.266.676-1.603c.408-.35.977-.543 1.574-.543s1.166.193 1.574.543c.392.337.676.85.676 1.603a.75.75 0 0 0 1.5 0c0-1.178-.466-2.112-1.2-2.741a3.6 3.6 0 0 0-.54-.382A2.75 2.75 0 0 0 12 5.75"/></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="M10.75 8.5a1.25 1.25 0 1 1 2.5 0a1.25 1.25 0 0 1-2.5 0"/><path d="M7.168 3.73c1.014-.971 2.562-1.48 4.831-1.48s3.818.509 4.832 1.48c1.008.965 1.352 2.26 1.508 3.501c.075.602.11 1.226.144 1.822l.003.066c.036.627.07 1.225.147 1.796c.153 1.147.458 2.073 1.138 2.75c.588.584 1.028 1.485.975 2.334c-.028.448-.2.916-.603 1.263c-.396.342-.923.488-1.51.488h-2.896c-.07.813-.27 1.654-.696 2.36c-.592.98-1.588 1.64-3.042 1.64s-2.449-.66-3.04-1.64c-.427-.706-.627-1.547-.697-2.36H5.366c-.596 0-1.129-.148-1.526-.497c-.403-.356-.566-.831-.588-1.28c-.04-.846.405-1.742.976-2.309c.68-.676.985-1.602 1.138-2.749c.076-.571.111-1.169.146-1.796l.004-.066c.034-.596.069-1.22.144-1.822c.156-1.241.5-2.536 1.508-3.5M12 5.75a2.75 2.75 0 0 0-2.01 4.627q-.286.164-.54.382c-.734.629-1.2 1.563-1.2 2.741a.75.75 0 0 0 1.5 0c0-.752.284-1.266.676-1.603c.408-.35.977-.543 1.574-.543s1.166.193 1.574.543c.392.337.676.85.676 1.603a.75.75 0 0 0 1.5 0c0-1.178-.466-2.112-1.2-2.741a3.6 3.6 0 0 0-.54-.382A2.75 2.75 0 0 0 12 5.75"/></g></svg> </template>
CSS
.icon-bell-user-solid {
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%22M10.75%208.5a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200%22%2F%3E%3Cpath%20d%3D%22M7.168%203.73c1.014-.971%202.562-1.48%204.831-1.48s3.818.509%204.832%201.48c1.008.965%201.352%202.26%201.508%203.501c.075.602.11%201.226.144%201.822l.003.066c.036.627.07%201.225.147%201.796c.153%201.147.458%202.073%201.138%202.75c.588.584%201.028%201.485.975%202.334c-.028.448-.2.916-.603%201.263c-.396.342-.923.488-1.51.488h-2.896c-.07.813-.27%201.654-.696%202.36c-.592.98-1.588%201.64-3.042%201.64s-2.449-.66-3.04-1.64c-.427-.706-.627-1.547-.697-2.36H5.366c-.596%200-1.129-.148-1.526-.497c-.403-.356-.566-.831-.588-1.28c-.04-.846.405-1.742.976-2.309c.68-.676.985-1.602%201.138-2.749c.076-.571.111-1.169.146-1.796l.004-.066c.034-.596.069-1.22.144-1.822c.156-1.241.5-2.536%201.508-3.5M12%205.75a2.75%202.75%200%200%200-2.01%204.627q-.286.164-.54.382c-.734.629-1.2%201.563-1.2%202.741a.75.75%200%200%200%201.5%200c0-.752.284-1.266.676-1.603c.408-.35.977-.543%201.574-.543s1.166.193%201.574.543c.392.337.676.85.676%201.603a.75.75%200%200%200%201.5%200c0-1.178-.466-2.112-1.2-2.741a3.6%203.6%200%200%200-.54-.382A2.75%202.75%200%200%200%2012%205.75%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%22M10.75%208.5a1.25%201.25%200%201%201%202.5%200a1.25%201.25%200%200%201-2.5%200%22%2F%3E%3Cpath%20d%3D%22M7.168%203.73c1.014-.971%202.562-1.48%204.831-1.48s3.818.509%204.832%201.48c1.008.965%201.352%202.26%201.508%203.501c.075.602.11%201.226.144%201.822l.003.066c.036.627.07%201.225.147%201.796c.153%201.147.458%202.073%201.138%202.75c.588.584%201.028%201.485.975%202.334c-.028.448-.2.916-.603%201.263c-.396.342-.923.488-1.51.488h-2.896c-.07.813-.27%201.654-.696%202.36c-.592.98-1.588%201.64-3.042%201.64s-2.449-.66-3.04-1.64c-.427-.706-.627-1.547-.697-2.36H5.366c-.596%200-1.129-.148-1.526-.497c-.403-.356-.566-.831-.588-1.28c-.04-.846.405-1.742.976-2.309c.68-.676.985-1.602%201.138-2.749c.076-.571.111-1.169.146-1.796l.004-.066c.034-.596.069-1.22.144-1.822c.156-1.241.5-2.536%201.508-3.5M12%205.75a2.75%202.75%200%200%200-2.01%204.627q-.286.164-.54.382c-.734.629-1.2%201.563-1.2%202.741a.75.75%200%200%200%201.5%200c0-.752.284-1.266.676-1.603c.408-.35.977-.543%201.574-.543s1.166.193%201.574.543c.392.337.676.85.676%201.603a.75.75%200%200%200%201.5%200c0-1.178-.466-2.112-1.2-2.741a3.6%203.6%200%200%200-.54-.382A2.75%202.75%200%200%200%2012%205.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/bell-user-solid.svg?color=%231a73e8&size=48
