emailjs logo

emailjs from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: emailjs
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

Use the emailjs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff8434" d="M73.8 0a6.006 6.006 0 0 0-6.01 6v48.078c0 3.313 2.69 6 6.01 6h48.173a6.006 6.006 0 0 0 6.011-6V6c0-3.312-2.691-6-6.011-6zM46.589 9.83a7.3 7.3 0 0 0-5.17 2.135L4.066 49.25c-5.402 5.395-5.402 14.14 0 19.535l55.286 55.168c5.406 5.395 14.168 5.395 19.574 0l37.351-37.277a7.283 7.283 0 0 0 0-10.317l-.285-.28a7.3 7.3 0 0 0-5.172-2.138H64.18a10.28 10.28 0 0 1-7.27-3.004a10.24 10.24 0 0 1-3.012-7.253V17.125a7.27 7.27 0 0 0-2.14-5.16a7.3 7.3 0 0 0-5.17-2.135"/></svg>

React

import type { SVGProps } from "react";

export function DeviconEmailjs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff8434" d="M73.8 0a6.006 6.006 0 0 0-6.01 6v48.078c0 3.313 2.69 6 6.01 6h48.173a6.006 6.006 0 0 0 6.011-6V6c0-3.312-2.691-6-6.011-6zM46.589 9.83a7.3 7.3 0 0 0-5.17 2.135L4.066 49.25c-5.402 5.395-5.402 14.14 0 19.535l55.286 55.168c5.406 5.395 14.168 5.395 19.574 0l37.351-37.277a7.283 7.283 0 0 0 0-10.317l-.285-.28a7.3 7.3 0 0 0-5.172-2.138H64.18a10.28 10.28 0 0 1-7.27-3.004a10.24 10.24 0 0 1-3.012-7.253V17.125a7.27 7.27 0 0 0-2.14-5.16a7.3 7.3 0 0 0-5.17-2.135"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ff8434" d="M73.8 0a6.006 6.006 0 0 0-6.01 6v48.078c0 3.313 2.69 6 6.01 6h48.173a6.006 6.006 0 0 0 6.011-6V6c0-3.312-2.691-6-6.011-6zM46.589 9.83a7.3 7.3 0 0 0-5.17 2.135L4.066 49.25c-5.402 5.395-5.402 14.14 0 19.535l55.286 55.168c5.406 5.395 14.168 5.395 19.574 0l37.351-37.277a7.283 7.283 0 0 0 0-10.317l-.285-.28a7.3 7.3 0 0 0-5.172-2.138H64.18a10.28 10.28 0 0 1-7.27-3.004a10.24 10.24 0 0 1-3.012-7.253V17.125a7.27 7.27 0 0 0-2.14-5.16a7.3 7.3 0 0 0-5.17-2.135"/></svg>
</template>

CSS

.icon-emailjs {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff8434%22%20d%3D%22M73.8%200a6.006%206.006%200%200%200-6.01%206v48.078c0%203.313%202.69%206%206.01%206h48.173a6.006%206.006%200%200%200%206.011-6V6c0-3.312-2.691-6-6.011-6zM46.589%209.83a7.3%207.3%200%200%200-5.17%202.135L4.066%2049.25c-5.402%205.395-5.402%2014.14%200%2019.535l55.286%2055.168c5.406%205.395%2014.168%205.395%2019.574%200l37.351-37.277a7.283%207.283%200%200%200%200-10.317l-.285-.28a7.3%207.3%200%200%200-5.172-2.138H64.18a10.28%2010.28%200%200%201-7.27-3.004a10.24%2010.24%200%200%201-3.012-7.253V17.125a7.27%207.27%200%200%200-2.14-5.16a7.3%207.3%200%200%200-5.17-2.135%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ff8434%22%20d%3D%22M73.8%200a6.006%206.006%200%200%200-6.01%206v48.078c0%203.313%202.69%206%206.01%206h48.173a6.006%206.006%200%200%200%206.011-6V6c0-3.312-2.691-6-6.011-6zM46.589%209.83a7.3%207.3%200%200%200-5.17%202.135L4.066%2049.25c-5.402%205.395-5.402%2014.14%200%2019.535l55.286%2055.168c5.406%205.395%2014.168%205.395%2019.574%200l37.351-37.277a7.283%207.283%200%200%200%200-10.317l-.285-.28a7.3%207.3%200%200%200-5.172-2.138H64.18a10.28%2010.28%200%200%201-7.27-3.004a10.24%2010.24%200%200%201-3.012-7.253V17.125a7.27%207.27%200%200%200-2.14-5.16a7.3%207.3%200%200%200-5.17-2.135%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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