E Mail Filled icon

ix:e-mail-filled

The E Mail Filled icon (ix:e-mail-filled) 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, mailfilled, emailfilled

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="m75.354 64l159.324 137.19L394.003 64zm-32.662 0h-.025v.03zm-.025 28.16v270.507h171.07a141 141 0 0 1-.404-10.667c0-76.583 62.083-138.667 138.667-138.667c27.491 0 53.114 8 74.667 21.799V92.179L234.678 257.503zm384-28.157V64h-.003zm-17.843 371.486l4.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.633-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 Filled icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:e-mail-filled"></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-filled"></iconify-icon>

HTML image

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

Related icons in Siemens Industrial Experience Icons

E Mail Filled icon FAQ

Is the E Mail Filled 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 Filled icon in React?

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

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

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

Browse all Siemens Industrial Experience Icons →