Messages3 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 { IconMessages3 } from "@devigner-ui/icons";
<IconMessages3 className="size-6" />
<script setup>
import { IconMessages3 } from "@devigner-ui/icons-vue";
</script>
<template>
<IconMessages3 class="size-6" />
</template>
<script>
import { IconMessages3 } from "@devigner-ui/icons-svelte";
</script>
<IconMessages3 class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M22.67 6.25v5.1c0 1.27-.42 2.34-1.17 3.08a4.2 4.2 0 0 1-3.08 1.17v1.81a.85.85 0 0 1-1.32.71l-.97-.64q.13-.47.13-1.01V12.4c0-2.04-1.36-3.4-3.4-3.4H6.07l-.4.02V6.25C5.67 3.7 7.37 2 9.92 2h8.5c2.55 0 4.25 1.7 4.25 4.25" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.26 12.4v4.07q0 .54-.13 1.01c-.37 1.47-1.59 2.39-3.27 2.39h-2.72l-3.02 2.01a.67.67 0 0 1-1.05-.56v-1.45a3.4 3.4 0 0 1-2.46-.93 3.4 3.4 0 0 1-.94-2.47V12.4c0-1.9 1.18-3.21 3-3.38l.4-.02h6.79c2.04 0 3.4 1.36 3.4 3.4" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></svg>