Notification Unread Lines icon

Notification Unread Lines icon in outline, twotone, bold and bulk. Free in all four styles, for alerts, reminders, announcements, badges. Copy the SVG, the React, Vue or Svelte component, or download a PNG.

All four styles

Outline

TwoTone

Bold

Bulk

Outline: Full linework, every stroke at 1.5px. The reference drawing.
TwoTone: The same linework, with secondary strokes dropped to half tone.
Bold: No strokes at all. One filled form, cut with even-odd holes.
Bulk: Filled, with the secondary mass at half tone.

Copy it

React

import { IconNotificationUnreadLines } from "@devigner-ui/icons";

<IconNotificationUnreadLines className="size-6" />

Vue

<script setup>
import { IconNotificationUnreadLines } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconNotificationUnreadLines class="size-6" />
</template>

Svelte

<script>
  import { IconNotificationUnreadLines } from "@devigner-ui/icons-svelte";
</script>

<IconNotificationUnreadLines class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M22 10.5V12c0 4.71 0 7.07-1.46 8.54C19.07 22 16.7 22 12 22s-7.07 0-8.54-1.46C2 19.07 2 16.7 2 12s0-7.07 1.46-8.54C4.93 2 7.3 2 12 2h1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><circle cx="19" cy="5.00037" r="3" stroke="currentColor" stroke-width="1.5"></circle><path d="M7 14h9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M7 17.5h6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>

Category: Notifications
Styles: outline, twotone, bold, bulk, free in all four styles
Used for: alerts, reminders, announcements, badges
Also called: notification, unread, lines, circle, round, path, curved, smooth, arc, curve, closed, bell

More Notifications icons

All Notifications icons

Browse all 8,584 icons