Hover the icon or press Play. Suggested motion: ring. Pick another to preview it and update the animated code:
Bell Slash icon
A free bell slash icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- CC BY 4.0 license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/bell-slash.jsonimport * as React from "react";
/**
* Bell Slash from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/bell-slash. Sized in em, colored by currentColor.
*/
export function VscBellSlashIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M5.23901 3.118L4.53201 2.411C5.43201 1.541 6.65201 1 7.99901 1C10.756 1 12.999 3.243 12.999 6V9.901L13.65 11.529L11.999 9.878V5.999C11.999 3.793 10.205 1.999 7.99901 1.999C6.92701 1.999 5.95701 2.428 5.23801 3.117L5.23901 3.118ZM14.854 14.854C14.756 14.952 14.628 15 14.5 15C14.372 15 14.244 14.951 14.146 14.854L12.292 13H9.99901C9.99901 14.108 9.10701 15 7.99901 15C6.89101 15 5.99901 14.108 5.99901 13H2.49901C2.33301 13 2.17801 12.918 2.08501 12.78C1.99201 12.643 1.97301 12.468 2.03501 12.314L2.99901 9.901V6C2.99901 5.325 3.14601 4.688 3.39501 4.103L1.14601 1.854C0.951006 1.659 0.951006 1.342 1.14601 1.147C1.34101 0.952 1.65801 0.952 1.85301 1.147L14.853 14.147C15.048 14.342 15.048 14.659 14.853 14.854H14.854ZM9.00001 13H7.00001C7.00001 13.556 7.44401 14 8.00001 14C8.55601 14 9.00001 13.556 9.00001 13ZM11.293 12L4.16301 4.87C4.05701 5.228 4.00001 5.607 4.00001 6V9.998C4.00001 10.062 3.98801 10.125 3.96401 10.184L3.23801 12.001H11.293V12Z"
/>
</svg>
);
}import { VscBellSlash } from "react-icons/vsc";
export function Example() {
return <VscBellSlash className="size-5" />;
}<svg
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.23901 3.118L4.53201 2.411C5.43201 1.541 6.65201 1 7.99901 1C10.756 1 12.999 3.243 12.999 6V9.901L13.65 11.529L11.999 9.878V5.999C11.999 3.793 10.205 1.999 7.99901 1.999C6.92701 1.999 5.95701 2.428 5.23801 3.117L5.23901 3.118ZM14.854 14.854C14.756 14.952 14.628 15 14.5 15C14.372 15 14.244 14.951 14.146 14.854L12.292 13H9.99901C9.99901 14.108 9.10701 15 7.99901 15C6.89101 15 5.99901 14.108 5.99901 13H2.49901C2.33301 13 2.17801 12.918 2.08501 12.78C1.99201 12.643 1.97301 12.468 2.03501 12.314L2.99901 9.901V6C2.99901 5.325 3.14601 4.688 3.39501 4.103L1.14601 1.854C0.951006 1.659 0.951006 1.342 1.14601 1.147C1.34101 0.952 1.65801 0.952 1.85301 1.147L14.853 14.147C15.048 14.342 15.048 14.659 14.853 14.854H14.854ZM9.00001 13H7.00001C7.00001 13.556 7.44401 14 8.00001 14C8.55601 14 9.00001 13.556 9.00001 13ZM11.293 12L4.16301 4.87C4.05701 5.228 4.00001 5.607 4.00001 6V9.998C4.00001 10.062 3.98801 10.125 3.96401 10.184L3.23801 12.001H11.293V12Z"
/>
</svg>"Bell Slash" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.