Mail icon

Mail 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.

All four styles

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 { IconMail } from "@devigner-ui/icons";

<IconMail className="size-6" />

Vue

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

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

Svelte

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

<IconMail 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="M2 12c0-3.77 0-5.66 1.17-6.83S6.23 4 10 4h4c3.77 0 5.66 0 6.83 1.17S22 8.23 22 12s0 5.66-1.17 6.83S17.77 20 14 20h-4c-3.77 0-5.66 0-6.83-1.17S2 15.77 2 12" stroke="currentColor" stroke-width="1.5"></path><path d="m6 8 2.16 1.8C10 11.33 10.9 12.1 12 12.1s2-.77 3.84-2.3L18 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>

Category

Communication & Messaging

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

chat, inbox, email, comments, support

Also called

mail, path, curved, smooth, arc, curve, closed, email, message, envelope, letter, inbox

More Communication & Messaging icons

• Chat Dots
• Chat Line
• Chat Round
• Chat Round Call
• Chat Round Check
• Chat Round Dots
• Chat Round Like
• Chat Round Line
• Chat Round Money
• Chat Round Unread
• Chat Round Video
• Chat Square
• Chat Square2
• Chat Square Arrow
• Chat Square Call
• Chat Square Check
• Chat Square Code
• Chat Square Like
• Chat Unread
• Check Read
• Device Message
• Dialog
• Dialog2
• Direct Send

All Communication & Messaging icons

Browse all 8,584 icons