Mail icon svg
Here is an example of a mail icon in SVG format:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M18 12L16 14L14 12L16 10L18 12ZM12 12L10 14L8 12L10 10L12 12ZM6 12L4 14L2 12L4 10L6 12Z"></path>
</svg>
This icon represents a simple envelope with a flap that can be opened. You can adjust the size and color of the icon by modifying the width
, height
, and fill
attributes.
Here are some variations of the mail icon:
Simple Envelope
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="2" width="20" height="20" rx="2" fill="none" stroke="currentColor" stroke-width="2"></rect>
</svg>
Envelope with Flap
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="2" width="20" height="20" rx="2" fill="none" stroke="currentColor" stroke-width="2"></rect>
<path d="M18 12L16 14L14 12L16 10L18 12Z"></path>
</svg>
Mailbox
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="2" y="2" width="20" height="20" rx="2" fill="none" stroke="currentColor" stroke-width="2"></rect>
<path d="M12 12L10 14L8 12L10 10L12 12Z"></path>
<path d="M18 12L16 14L14 12L16 10L18 12Z"></path>
</svg>
These are just a few examples of the many variations of the mail icon that you can create using SVG. You can customize the icon to fit your specific needs and design style.