Ikon Email Open Heart Outline

mdi:email-open-heart-outline

Ikon Email Open Heart Outline (mdi:email-open-heart-outline) adalah ikon SVG gratis dari set Material Design Icons karya Pictogrammers. Ikon ini digambar pada grid 24 × 24. Material Design Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Material Design Icons
Pembuat: Pictogrammers
Lisensi: Apache-2.0
Ukuran: 24 × 24
Tag: love letter open, greeting card open, envelope open heart outline, emailopen, openheart, heartoutline, emailopenheartoutline

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 9c-1.1 0-2 .92-2 2.05c0 .57.22 1.07.59 1.45L12 16l3.42-3.5c.36-.37.58-.89.58-1.45C16 9.92 15.1 9 14 9c-.54 0-1.05.23-1.41.6l-.59.6l-.58-.59A2 2 0 0 0 10 9m2-8.36l9.03 5.65c.58.35.97.98.97 1.71v10c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V8c0-.73.39-1.36.97-1.71zM4 10v8h16v-8l-2 1.25v-.2c0-.55-.12-1.1-.33-1.6L20 8l-8-5l-8 5l2.33 1.45c-.21.5-.33 1.05-.33 1.6v.2z"/></svg>

Cara memakai ikon Email Open Heart Outline

React

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

<Icon icon="mdi:email-open-heart-outline" width="24" />

Vue

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

<template>
  <Icon icon="mdi:email-open-heart-outline" width="24" />
</template>

Svelte

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

<Icon icon="mdi:email-open-heart-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--email-open-heart-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:email-open-heart-outline"></div>

Web component

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

<iconify-icon icon="mdi:email-open-heart-outline"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/mdi/email-open-heart-outline.svg" alt="Ikon Email Open Heart Outline" width="24" height="24">

Ikon terkait di Material Design Icons

FAQ Ikon Email Open Heart Outline

Apakah ikon Email Open Heart Outline gratis untuk penggunaan komersial?

Ya. Material Design Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Email Open Heart Outline di React?

Pasang @iconify/react lalu render <Icon icon="mdi:email-open-heart-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Email Open Heart Outline ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mdi/email-open-heart-outline.svg" alt="Ikon Email Open Heart Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Material Design Icons →