Messages 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 { IconMessages } from "@devigner-ui/icons";
<IconMessages className="size-6" />
<script setup>
import { IconMessages } from "@devigner-ui/icons-vue";
</script>
<template>
<IconMessages class="size-6" />
</template>
<script>
import { IconMessages } from "@devigner-ui/icons-svelte";
</script>
<IconMessages class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M17.98 10.79v4q0 .39-.04.75-.35 4.05-4.75 4.04h-.4a.8.8 0 0 0-.64.32l-1.2 1.6c-.53.71-1.39.71-1.92 0l-1.2-1.6a1 1 0 0 0-.64-.32h-.4C3.6 19.58 2 18.79 2 14.79v-4q0-4.4 4.04-4.75Q6.4 6 6.79 6h6.4q4.79 0 4.79 4.79"></path><path stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M21.98 6.79v4q0 4.4-4.04 4.75.04-.36.04-.75v-4Q17.98 6 13.19 6h-6.4q-.39 0-.75.04Q6.39 2 10.79 2h6.4q4.79 0 4.79 4.79" opacity="1"></path><path stroke="currentColor" stroke-width="1.7999999999999998" stroke-linecap="round" stroke-linejoin="round" d="M6.5 13.25" opacity="1"></path></svg>