E Mail icon

ix:e-mail

The E Mail icon (ix:e-mail) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Siemens Industrial Experience Icons
Author: Siemens AG
License: MIT
Size: 512 × 512
Tags: email

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M42.667 64v298.667h171.07a141 141 0 0 1-.404-10.667c0-11.014 1.284-21.728 3.711-32H85.334V128l149.333 129.013L384 128v89.044a137.9 137.9 0 0 1 42.667 18.088V64zm304 42.667l-112 96l-112-96zm62.157 328.822l4.453 24.701q-27.797 9.143-56.67 9.143q-53.137 0-86.464-30.957q-35.476-32.722-35.476-86.617q0-50.847 33.633-83.569q34.708-33.523 88-33.523q48.224 0 79.707 25.985q15.665 12.992 24.419 31.919q8.907 19.57 8.907 43.148q0 37.374-20.733 59.669q-18.582 19.89-41.926 19.89q-24.88 0-27.337-22.616q-15.358 22.616-41.466 22.616q-21.04 0-33.327-12.19q-13.36-13.153-13.361-36.091q0-15.238 6.067-29.914q6.066-14.677 16.816-25.424q20.426-20.37 52.524-20.371q24.265 0 45.305 7.86l-10.289 66.727q-1.536 9.784-1.536 14.275q0 11.068 9.368 11.068q12.286 0 21.962-14.917q11.825-18.126 11.825-42.988q0-34.166-23.037-53.253q-25.493-21.012-63.274-21.012q-29.18 0-53.137 14.436q-22.577 13.634-33.941 36.892q-9.061 18.928-9.061 42.025q0 43.79 30.408 69.454q26.722 22.616 67.882 22.616q23.496 0 49.759-8.982M379.797 315.83q-7.832-2.247-12.746-2.246q-8.754 0-17.355 4.571q-8.6 4.572-14.743 12.592q-12.594 16.2-12.594 36.25q0 11.229 5.529 17.725t15.051 6.496q13.822 0 22.883-11.87q4.76-6.095 7.525-23.579z" clip-rule="evenodd"/></svg>

How to use the E Mail icon

React

import { Icon } from "@iconify/react";

<Icon icon="ix:e-mail" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ix:e-mail" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ix:e-mail" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--e-mail]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:e-mail"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ix:e-mail"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ix/e-mail.svg" alt="E Mail icon" width="24" height="24">

Related icons in Siemens Industrial Experience Icons

E Mail icon in other icon sets

E Mail icon FAQ

Is the E Mail icon free for commercial use?

Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the E Mail icon in React?

Install @iconify/react and render <Icon icon="ix:e-mail" />, or use “Copy code” on this page to get a standalone React component.

How do I add the E Mail icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/e-mail.svg" alt="E Mail icon">, or paste the SVG code inline to style it with CSS.

Browse all Siemens Industrial Experience Icons →