ICONYZ
Bahasa Indonesia
Ikon Envelope With Arrow dari OpenMoji

Ikon Envelope With Arrow

openmoji:envelope-with-arrow

Ikon Envelope With Arrow (openmoji:envelope-with-arrow) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
OpenMoji
Pembuat
OpenMoji
Lisensi
CC-BY-SA-4.0
Ukuran
72 × 72
Kategori
Benda
Tag
envelopewith, witharrow, envelopewitharrow
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M20.28 23.563H52v3.125H20.28zm7.947 17.22l-3.287 3.226l-2.201-.9l-11.341 10.448c-.35-.62-.57-1.44-.57-2.32v-26.51z"/><path fill="#9b9b9a" d="M60.768 24.677v26.56c0 .86-.2 1.65-.55 2.27l-11.44-10.475l-1.523.197l-3.473-2.807l3.975-3.745z"/><path fill="#d0cfce" d="m26.748 39.417l4.47 4.13q.36.33.72.57c2.43 1.8 5.26 1.8 7.68-.01c.23-.16.47-.36.69-.56l4.5-4.15"/><path fill="#d0cfce" stroke="#d0cfce" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m26.748 39.417l4.47 4.13q.36.33.72.57c2.43 1.8 5.26 1.8 7.68-.01c.23-.16.47-.36.69-.56l4.5-4.15l15.41 14.11c-.42.77-1.07 1.27-1.79 1.27h-45.26c-.7 0-1.34-.47-1.77-1.22z"/><path fill="#d0cfce" d="m47.872 42.203l12.346 11.304c-.42.77-1.07 1.27-1.79 1.27h-45.26c-.7 0-1.34-.47-1.77-1.22L23.475 42.43"/><path fill="#d0cfce" d="M49.594 23.567h9.46c.59 0 1.16.35 1.57.91c.05.06.1.13.14.2l-15.96 14.72l-4.5 4.15c-.22.2-.46.4-.69.56c-2.42 1.81-5.25 1.81-7.68.01q-.36-.24-.72-.57l-4.47-4.13l-15.92-14.69c.04-.06.09-.13.14-.2c.42-.6.99-.96 1.61-.96h8.48"/><path fill="#ea5a47" d="M29.95 23.597h1.588a1 1 0 0 0 1-.999v-4.411a1 1 0 0 1 .999-1h4.331a1 1 0 0 1 1 1v4.661c0 .552.447.75 1 .75h1.578c.81 0 1.284.164.816.826l-5.749 8.121a1 1 0 0 1-1.631 0l-5.748-7.87c-.469-.663.004-1.078.815-1.078"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M22.739 43.11L11.398 53.556c-.35-.62-.57-1.44-.57-2.32v-26.51l17.4 16.056m15.554-.36l3.975-3.745l13.01-12v26.56c0 .86-.2 1.65-.55 2.27L48.779 43.032"/><path stroke-linejoin="round" d="m26.748 39.417l4.47 4.13q.36.33.72.57c2.43 1.8 5.26 1.8 7.68-.01c.23-.16.47-.36.69-.56l4.5-4.15"/><path stroke-linejoin="round" d="m47.872 42.203l12.346 11.304c-.42.77-1.07 1.27-1.79 1.27h-45.26c-.7 0-1.34-.47-1.77-1.22L23.475 42.43"/><path stroke-linejoin="round" d="M49.594 23.567h9.46c.59 0 1.16.35 1.57.91c.05.06.1.13.14.2l-15.96 14.72l-4.5 4.15c-.22.2-.46.4-.69.56c-2.42 1.81-5.25 1.81-7.68.01q-.36-.24-.72-.57l-4.47-4.13l-15.92-14.69c.04-.06.09-.13.14-.2c.42-.6.99-.96 1.61-.96h8.48"/><path stroke-miterlimit="10" d="M29.95 23.597h1.588a1 1 0 0 0 1-.999v-4.411a1 1 0 0 1 .999-1h4.331a1 1 0 0 1 1 1v4.411a1 1 0 0 0 1 1h1.578c.81 0 1.284.414.816 1.076l-5.749 8.371a1 1 0 0 1-1.631 0l-5.748-8.37c-.469-.663.004-1.078.815-1.078Z"/></g></svg>

Cara memakai ikon Envelope With Arrow

React

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

<Icon icon="openmoji:envelope-with-arrow" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:envelope-with-arrow" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:envelope-with-arrow" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--envelope-with-arrow]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:envelope-with-arrow"></div>

Web component

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

<iconify-icon icon="openmoji:envelope-with-arrow"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/openmoji/envelope-with-arrow.svg" alt="Ikon Envelope With Arrow" width="24" height="24">

Ikon terkait di OpenMoji

Ikon Envelope With Arrow di set ikon lain

FAQ Ikon Envelope With Arrow

Apakah ikon Envelope With Arrow gratis untuk penggunaan komersial?

Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.

Bagaimana cara memakai ikon Envelope With Arrow di React?

Pasang @iconify/react lalu render <Icon icon="openmoji:envelope-with-arrow" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Envelope With Arrow ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/envelope-with-arrow.svg" alt="Ikon Envelope With Arrow">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenMoji →