e mail emoji

e-mail from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.

Name
e-mail
Set
Emoji One (Colored)
Style
Default
Category
Objects
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

e-mailFluent Emojie-mailFluent Emoji Flate-mailFluent Emoji High Contraste-mailNoto Emojie-mailOpenMojie-mailTwitter Emoji

More objects icons from Emoji One (Colored)

alarm-clockalembicamphorabackpackbalance-scaleballot-box-with-ballotbar-chartbarber-polebathtubbatterybedbellhop-bellbikiniblack-nibblue-bookbombbookmarkbookmark-tabsbookscalendarcameracamera-with-flashcandlecard-file-box

Use the e mail emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m.6 48.7l18.5-19.3L4.9 8.9c-.7.9-1.2 2.1-1.3 3.5L0 45.1q-.15 2.1.6 3.6M62.7 5.5L35.9 30.4L57 58.9c1.2-1 2-2.5 2.2-4.3L64 10c.2-1.8-.4-3.5-1.3-4.5"/><path fill="#cad5dd" d="m25.7 39.4l-6.6-10L.6 48.7c.4.9 1.1 1.5 1.9 1.7L53.3 60c1.4.3 2.7-.2 3.7-1.1L35.9 30.4z"/><path fill="#dfe9ef" d="M59.3 4L7.1 7.5c-.8.1-1.6.6-2.2 1.4l14.3 20.5l6.6 10l10.2-9L62.7 5.5c-.9-1-2.1-1.6-3.4-1.5"/><path fill="#428bc1" d="m35.2 23.6l.6-5.1l-17.5-.1l-2.9 23.9l17 4l.7-5.1l-12.8-2.5l.7-5.5L33.8 35l.6-5.1l-12.9-1.3l.7-5.6z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneEMail(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m.6 48.7l18.5-19.3L4.9 8.9c-.7.9-1.2 2.1-1.3 3.5L0 45.1q-.15 2.1.6 3.6M62.7 5.5L35.9 30.4L57 58.9c1.2-1 2-2.5 2.2-4.3L64 10c.2-1.8-.4-3.5-1.3-4.5"/><path fill="#cad5dd" d="m25.7 39.4l-6.6-10L.6 48.7c.4.9 1.1 1.5 1.9 1.7L53.3 60c1.4.3 2.7-.2 3.7-1.1L35.9 30.4z"/><path fill="#dfe9ef" d="M59.3 4L7.1 7.5c-.8.1-1.6.6-2.2 1.4l14.3 20.5l6.6 10l10.2-9L62.7 5.5c-.9-1-2.1-1.6-3.4-1.5"/><path fill="#428bc1" d="m35.2 23.6l.6-5.1l-17.5-.1l-2.9 23.9l17 4l.7-5.1l-12.8-2.5l.7-5.5L33.8 35l.6-5.1l-12.9-1.3l.7-5.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b0bdc6" d="m.6 48.7l18.5-19.3L4.9 8.9c-.7.9-1.2 2.1-1.3 3.5L0 45.1q-.15 2.1.6 3.6M62.7 5.5L35.9 30.4L57 58.9c1.2-1 2-2.5 2.2-4.3L64 10c.2-1.8-.4-3.5-1.3-4.5"/><path fill="#cad5dd" d="m25.7 39.4l-6.6-10L.6 48.7c.4.9 1.1 1.5 1.9 1.7L53.3 60c1.4.3 2.7-.2 3.7-1.1L35.9 30.4z"/><path fill="#dfe9ef" d="M59.3 4L7.1 7.5c-.8.1-1.6.6-2.2 1.4l14.3 20.5l6.6 10l10.2-9L62.7 5.5c-.9-1-2.1-1.6-3.4-1.5"/><path fill="#428bc1" d="m35.2 23.6l.6-5.1l-17.5-.1l-2.9 23.9l17 4l.7-5.1l-12.8-2.5l.7-5.5L33.8 35l.6-5.1l-12.9-1.3l.7-5.6z"/></svg>
</template>

CSS

.icon-e-mail {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22m.6%2048.7l18.5-19.3L4.9%208.9c-.7.9-1.2%202.1-1.3%203.5L0%2045.1q-.15%202.1.6%203.6M62.7%205.5L35.9%2030.4L57%2058.9c1.2-1%202-2.5%202.2-4.3L64%2010c.2-1.8-.4-3.5-1.3-4.5%22%2F%3E%3Cpath%20fill%3D%22%23cad5dd%22%20d%3D%22m25.7%2039.4l-6.6-10L.6%2048.7c.4.9%201.1%201.5%201.9%201.7L53.3%2060c1.4.3%202.7-.2%203.7-1.1L35.9%2030.4z%22%2F%3E%3Cpath%20fill%3D%22%23dfe9ef%22%20d%3D%22M59.3%204L7.1%207.5c-.8.1-1.6.6-2.2%201.4l14.3%2020.5l6.6%2010l10.2-9L62.7%205.5c-.9-1-2.1-1.6-3.4-1.5%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22m35.2%2023.6l.6-5.1l-17.5-.1l-2.9%2023.9l17%204l.7-5.1l-12.8-2.5l.7-5.5L33.8%2035l.6-5.1l-12.9-1.3l.7-5.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23b0bdc6%22%20d%3D%22m.6%2048.7l18.5-19.3L4.9%208.9c-.7.9-1.2%202.1-1.3%203.5L0%2045.1q-.15%202.1.6%203.6M62.7%205.5L35.9%2030.4L57%2058.9c1.2-1%202-2.5%202.2-4.3L64%2010c.2-1.8-.4-3.5-1.3-4.5%22%2F%3E%3Cpath%20fill%3D%22%23cad5dd%22%20d%3D%22m25.7%2039.4l-6.6-10L.6%2048.7c.4.9%201.1%201.5%201.9%201.7L53.3%2060c1.4.3%202.7-.2%203.7-1.1L35.9%2030.4z%22%2F%3E%3Cpath%20fill%3D%22%23dfe9ef%22%20d%3D%22M59.3%204L7.1%207.5c-.8.1-1.6.6-2.2%201.4l14.3%2020.5l6.6%2010l10.2-9L62.7%205.5c-.9-1-2.1-1.6-3.4-1.5%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22m35.2%2023.6l.6-5.1l-17.5-.1l-2.9%2023.9l17%204l.7-5.1l-12.8-2.5l.7-5.5L33.8%2035l.6-5.1l-12.9-1.3l.7-5.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/e-mail.svg?color=%231a73e8&size=48