Mail SVG Icons
Mail and envelope icons appear in more places than most icon categories: contact forms, footer social/contact rows, inbox UI, newsletter signup CTAs, and notification badges. This page covers the full range from a plain closed-envelope outline to an open-envelope-with-letter variant, filled and outline styles, so you can pick the exact weight that matches nearby icons instead of settling for whatever your first library ships.
Showing top 150 (of many)·123 icon packs·Free & open source
Showing top 150 results, many more icons available
Search all Mail Icons iconsRelated icons
Mail Icons by library
The icons above come from 123 open-source libraries. Open one to see its full set in a matching style.
- Tabler Icons13
- Material Symbols5
- Phosphor4
- Material Design Icons2
- IconPark Outline2
- Bootstrap Icons2
- IconPark2
- Firefox OS Emoji2
- Pico-icon2
- Entypo+2
- Icalicons2
- Carbon1
111 more libraries
- Myna UI Icons1
- TDesign Icons1
- Lucide1
- IconaMoon1
- HeroIcons1
- BoxIcons v21
- Akar Icons1
- coolicons1
- Feather Icons1
- Charm Icons1
- Material Symbols Light1
- Arcticons1
- Keyline Icons1
- Reicon1
- OpenMoji1
- Game Icons1
- Twitter Emoji1
- Boxicons1
- Noto Emoji1
- Glyphs1
- Fluent Emoji Flat1
- Fluent Emoji1
- Pinhead Map Icons1
- Noto Emoji (v1)1
- WebHostingHub Glyphs1
- Griddy Icons1
- Font Awesome Solid1
- IconPark Solid1
- IconPark TwoTone1
- Emoji One (Colored)1
- Fluent UI MDL21
- Iconoir1
- Fluent Emoji High Contrast1
- Line Awesome1
- Siemens Industrial Experience Icons1
- Emoji One (Monotone)1
- Font Awesome 6 Solid1
- IonIcons1
- Famicons1
- Emoji One (v1)1
- Framework7 Icons1
- Material Line Icons1
- Unicons1
- Dinkie Icons1
- Mage Icons1
- Pixelarticons1
- Font Awesome 5 Solid1
- Stash Icons1
- Jam Icons1
- Material Icon Theme1
- Glyphs Poly1
- Gravity UI Icons1
- SmartIcons Glyph1
- Material Design Iconic Font1
- Majesticons1
- css.gg1
- Font Awesome 41
- BoxIcons v2 Solid1
- Codicons1
- Memory Icons1
- @icons1
- NRK Core Icons1
- Grommet Icons1
- Vaadin Icons1
- Fontisto1
- Marketeq1
- Pixel Icon1
- Röntgen1
- ProIcons1
- Vadivam1
- IcoMoon Free1
- PrestaShop Icons1
- OpenSearch UI1
- System UIcons1
- Gitlab SVGs1
- Meteor Icons1
- Guidance1
- Ligature Symbols1
- WordPress Icons1
- Dashicons1
- Typicons1
- Prime Icons1
- Elusive Icons1
- Zondicons1
- Circum Icons1
- Humbleicons1
- Material Design Light1
- Foundation1
- Font Awesome Regular1
- Raphael1
- Feather Icon1
- HeroIcons v1 Outline1
- HeroIcons v1 Solid1
- uiw icons1
- Rivet Icons1
- Gridicons1
- Stickies color icons1
- Mono Icons1
- Mono Icons1
- Font Awesome 6 Regular1
- Font Awesome 5 Regular1
- FormKit Icons1
- Nimbus1
- Quill Icons1
- Bytesize Icons1
- Elegant1
- Flat UI Icons1
- TopCoat Icons1
- Web Symbols Liga1
- Evil Icons1
- Fluent UI System Icons1
Frequently Asked Questions
What is the difference between a mail icon and an envelope icon?
They are effectively interchangeable in most icon libraries: "mail" and "envelope" both render as a closed or open envelope shape. Some libraries reserve "mail" for a plain closed envelope and "envelope-open" for a variant showing a letter partially out, useful for distinguishing "compose new" from "view inbox" actions.
Which mail icon style works best for a contact form?
A simple closed-envelope outline paired with the word "Email" as a label or placeholder icon inside the input field is the most recognized pattern, avoid filled/solid mail icons in form fields, where outline styles read as less visually heavy next to text input borders.
Should a mail icon in a nav bar have a notification badge?
Only if it represents unread messages or a live inbox count: pairing a numbered badge with a small circle in the top-right corner of the icon is the standard convention. A mail icon that just links to a static contact page should not carry a badge, since it implies unread state that does not exist.