bell on icon

bell-on-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: bell-on-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

bell-check bell-home bell-minus bell-off bell-plus bell-snooze bell-user bell-x

Use the bell on 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 10a1.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 7.25a2.75 2.75 0 1 0 0 5.5a2.75 2.75 0 0 0 0-5.5"/></g></svg>

React

import type { SVGProps } from "react";

export function MynauiBellOnSolid(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 10a1.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 7.25a2.75 2.75 0 1 0 0 5.5a2.75 2.75 0 0 0 0-5.5"/></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 10a1.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 7.25a2.75 2.75 0 1 0 0 5.5a2.75 2.75 0 0 0 0-5.5"/></g></svg>
</template>

CSS

.icon-bell-on-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%2010a1.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%207.25a2.75%202.75%200%201%200%200%205.5a2.75%202.75%200%200%200%200-5.5%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%2010a1.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%207.25a2.75%202.75%200%201%200%200%205.5a2.75%202.75%200%200%200%200-5.5%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-on-solid.svg?color=%231a73e8&size=48