Bell
bellA 24px icon in Bloom’s Notifications category, drawn once as Linear and grown into the other four styles. Free SVG files in currentColor, MIT license.
- Category
- Tags
- Motion
Bell in five styles
- Linear
- Line Duotone
- Outline
- Bold
- Bold Duotone
Linear at 16, 20, 24 and 32px
- 16px
- 20px
- 24px
- 32px
Get the SVG
The command prints the file exactly as Bloom ships it. Set --style to line-duotone, outline, bold or bold-duotone for the other styles. The same files are in the npm package under dist/ and on this site under svg/.
npx -y bloom-icons get bell --style linearIt also moves on hover: add --motion to the command, or take dist/motion/<style>/bell.svg.
- Linear
dist/linear/bell.svgsvg/linear/bell.svg - Line Duotone
dist/line-duotone/bell.svgsvg/line-duotone/bell.svg - Outline
dist/outline/bell.svgsvg/outline/bell.svg - Bold
dist/bold/bell.svgsvg/bold/bell.svg - Bold Duotone
dist/bold-duotone/bell.svgsvg/bold-duotone/bell.svg
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M17.25 9C17.25 14.25 18 15.129 19.061 16.189A1.5 1.5 0 0 1 18 18.75H6A1.5 1.5 0 0 1 4.939 16.189C6 15.129 6.75 14.25 6.75 9A5.25 5.25 0 0 1 12 3.75A5.25 5.25 0 0 1 17.25 9Z"/>
<path d="M9.75 18.75A2.25 2.25 0 0 0 14.25 18.75"/>
</svg>