Message Notification icon in outline, twotone, bold and bulk. Free in all four styles, for chat, inbox, email, comments, support. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconMessageNotification } from "@devigner-ui/icons";
<IconMessageNotification className="size-6" />
<script setup>
import { IconMessageNotification } from "@devigner-ui/icons-vue";
</script>
<template>
<IconMessageNotification class="size-6" />
</template>
<script>
import { IconMessageNotification } from "@devigner-ui/icons-svelte";
</script>
<IconMessageNotification class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.67 10v3q0 6-6 6h-.5c-.31 0-.61.15-.8.4l-1.5 2c-.66.88-1.74.88-2.4 0l-1.5-2c-.16-.22-.53-.4-.8-.4h-.5c-4 0-6-1-6-6V8q0-6 6-6h6" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M20.17 7a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M16.67 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M12.67 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M8.66 11" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>