Ikon Envelope Open Note
glyphs-poly:envelope-open-note
Ikon Envelope Open Note (glyphs-poly:envelope-open-note) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- envelopeopen, opennote, envelopeopennote
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" fill-rule="evenodd" d="M12 36.342V68.18a4 4 0 0 0 4 4h48a4 4 0 0 0 4-4V36.342a4 4 0 0 1-1.397 3.037l-21.397 18.34a8 8 0 0 1-10.412 0l-21.397-18.34A4 4 0 0 1 12 36.342" clip-rule="evenodd"/><path fill="#2f80ed" fill-rule="evenodd" d="M68 34v-2.16a4 4 0 0 0-1.397-3.037L61 24v20l5.603-4.802A4 4 0 0 0 68 36.16zM19 44l-5.603-4.802A4 4 0 0 1 12 36.16v-4.32a4 4 0 0 1 1.397-3.037L19 24zm9.333-28h23.334l-6.46-5.537a8 8 0 0 0-10.413 0z" clip-rule="evenodd"/><path fill="#f2f2f2" fill-rule="evenodd" d="M61.002 44.182V21a5 5 0 0 0-5-5h-32a5 5 0 0 0-5 5v23.182l15.794 13.537a8 8 0 0 0 10.412 0z" clip-rule="evenodd"/><path fill="#4f4f4f" d="M28.002 26a2 2 0 1 0 0 4zm16 4a2 2 0 0 0 0-4zm-16 4a2 2 0 1 0 0 4zm24 4a2 2 0 0 0 0-4zm-24 4a2 2 0 1 0 0 4zm16 4a2 2 0 0 0 0-4zm-16-16h16v-4h-16zm0 8h24v-4h-24zm0 8h16v-4h-16z"/></g></svg>Cara memakai ikon Envelope Open Note
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:envelope-open-note" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:envelope-open-note" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:envelope-open-note" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--envelope-open-note]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:envelope-open-note"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:envelope-open-note"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/envelope-open-note.svg" alt="Ikon Envelope Open Note" width="24" height="24">Ikon terkait di Glyphs Poly
Ikon Envelope Open Note di set ikon lain
FAQ Ikon Envelope Open Note
Apakah ikon Envelope Open Note gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Envelope Open Note di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:envelope-open-note" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Envelope Open Note ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/envelope-open-note.svg" alt="Ikon Envelope Open Note">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.