18 Iconify packs · copy SVG, PNG, React, Vue, and more Open registry →

HeroIcons · UI

heroicons:bell-slash-20-solid

Heroicons ships outline and solid weights from the Tailwind team, sized for 20, 16, and 24 pixels. License: MIT.

View collection

License: MIT · /r/heroicons/bell-slash-20-solid.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function BellSlash20Solid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20"><path fill="currentColor" d="M4 8q0-.39.049-.77l7.722 7.723a34 34 0 0 1-3.722-.01a2 2 0 0 0 3.862.15l1.134 1.134a3.5 3.5 0 0 1-6.53-1.409a33 33 0 0 1-3.257-.508a.75.75 0 0 1-.515-1.076A11.45 11.45 0 0 0 4 8m13.266 5.9a1 1 0 0 1-.068.116L6.389 3.207A6 6 0 0 1 16 8a11.5 11.5 0 0 0 1.258 5.234a.75.75 0 0 1 .01.666M3.28 2.22a.75.75 0 0 0-1.06 1.06l14.5 14.5a.75.75 0 1 0 1.06-1.06z"/></svg>
  );
}

More in this set

Click to copy · Hover to preview

 

Customize colors

Changes apply to SVG, PNG and Data URI exports only. CDN / img URI always serve the original.

HeroIcons icon

HeroIcons

HeroIcons

heroicons