Ikon Envelope Open Note Bold
glyphs:envelope-open-note-bold
Ikon Envelope Open Note Bold (glyphs:envelope-open-note-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- envelopeopen, opennote, notebold, envelopeopennotebold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path 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-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 d="m61.002 44.182l1.301 1.518a2 2 0 0 0 .699-1.518zm-42 0h-2A2 2 0 0 0 17.7 45.7zm15.794 13.537l-1.302 1.519zm10.412 0l-1.301-1.518zm17.794-13.537V21h-4v23.182zm0-23.182a7 7 0 0 0-7-7v4a3 3 0 0 1 3 3zm-7-7h-32v4h32zm-32 0a7 7 0 0 0-7 7h4a3 3 0 0 1 3-3zm-7 7v23.182h4V21zm19.095 35.2L20.303 42.664L17.7 45.7l15.794 13.538zm7.81 0a6 6 0 0 1-7.81 0l-2.603 3.038a10 10 0 0 0 13.016 0zM59.7 42.664L43.907 56.201l2.603 3.037L62.304 45.7zM28.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 Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:envelope-open-note-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:envelope-open-note-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:envelope-open-note-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--envelope-open-note-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:envelope-open-note-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:envelope-open-note-bold"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/envelope-open-note-bold.svg" alt="Ikon Envelope Open Note Bold" width="24" height="24">
FAQ Ikon Envelope Open Note Bold
Apakah ikon Envelope Open Note Bold gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Envelope Open Note Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:envelope-open-note-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Envelope Open Note Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/envelope-open-note-bold.svg" alt="Ikon Envelope Open Note Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
