Device Message 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 { IconDeviceMessage } from "@devigner-ui/icons";
<IconDeviceMessage className="size-6" />
<script setup>
import { IconDeviceMessage } from "@devigner-ui/icons-vue";
</script>
<template>
<IconDeviceMessage class="size-6" />
</template>
<script>
import { IconDeviceMessage } from "@devigner-ui/icons-svelte";
</script>
<IconDeviceMessage 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="M22 5.25v3.9c0 1.49-.76 2.61-2 3.05q-.57.2-1.25.2h-2.6l-2.89 1.93a.65.65 0 0 1-1.01-.54V12.4c-.97 0-1.79-.32-2.36-.89S9 10.12 9 9.15v-3.9q0-.68.2-1.25c.44-1.24 1.56-2 3.05-2h6.5C20.7 2 22 3.3 22 5.25"></path><g stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" opacity="1"><path d="M20 12.2v1.7c0 3.15-1.8 4.5-4.5 4.5h-9c-2.7 0-4.5-1.35-4.5-4.5V8.5C2 5.35 3.8 4 6.5 4h2.7Q9 4.57 9 5.25v3.9c0 .97.32 1.79.89 2.36s1.39.89 2.36.89v1.39c0 .51.58.82 1.01.54l2.89-1.93h2.6q.68 0 1.25-.2M7.4 22h7.2M11 18.4V22"></path></g><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12.9 7.25"></path></svg>