Ikon Memo
fxemoji:memo
Ikon Memo (fxemoji:memo) adalah ikon SVG gratis dari set Firefox OS Emoji karya Mozilla. Ikon ini digambar pada grid 512 × 512. Firefox OS Emoji 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
- Firefox OS Emoji
- Pembuat
- Mozilla
- Lisensi
- Apache-2.0
- Ukuran
- 512 × 512
- Kategori
- Benda
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#DCE2E2" d="M393 507.594H37.613c-11.929 0-21.6-9.671-21.6-21.6V43.829c0-11.929 9.671-21.6 21.6-21.6H393c11.929 0 21.6 9.671 21.6 21.6v442.165c0 11.929-9.671 21.6-21.6 21.6"/><path fill="#96A9B2" d="M334.064 148.423H78.16c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5h255.904c7.456 0 13.5 6.044 13.5 13.5s-6.043 13.5-13.5 13.5m13.5 47.77c0-7.456-6.044-13.5-13.5-13.5H78.16c-7.456 0-13.5 6.044-13.5 13.5s6.044 13.5 13.5 13.5h255.904c7.457 0 13.5-6.044 13.5-13.5m-172.811 61.271c0-7.456-6.044-13.5-13.5-13.5H78.16c-7.456 0-13.5 6.044-13.5 13.5s6.044 13.5 13.5 13.5h83.093c7.456 0 13.5-6.044 13.5-13.5m172.811 61.27c0-7.456-6.044-13.5-13.5-13.5H78.16c-7.456 0-13.5 6.044-13.5 13.5s6.044 13.5 13.5 13.5h255.904c7.457 0 13.5-6.044 13.5-13.5M174.753 437.433c0-7.456-6.044-13.5-13.5-13.5H78.16c-7.456 0-13.5 6.044-13.5 13.5s6.044 13.5 13.5 13.5h83.093c7.456 0 13.5-6.044 13.5-13.5"/><path fill="#FF6E83" d="M471.445 140.519c-19.599-19.599-41.958-29.015-49.94-21.032l-53.979 53.979l70.973 70.973l53.979-53.979c7.983-7.983-1.434-30.342-21.033-49.941"/><path fill="#BFBCAF" d="M437.229 174.736c-22.361-22.361-47.871-33.104-56.978-23.996l-55.276 55.276l80.975 80.975l55.276-55.276c9.107-9.108-1.637-34.619-23.997-56.979"/><path fill="#2B2622" d="m224.07 424.611l-48.686 21.176a6.996 6.996 0 0 1-9.206-3.625a7.03 7.03 0 0 1 0-5.581l21.176-48.686c6.146-14.131 22.585-20.604 36.716-14.458s20.604 22.585 14.458 36.716c-2.924 6.722-8.233 11.736-14.458 14.458"/><path fill="#FFD469" d="M429.288 263.482q.078-.11.152-.222c7.023-10.063-3.722-34.289-25.084-55.651s-45.587-32.107-55.65-25.085q-.113.074-.223.153c-.091.067-.184.13-.272.2c-.248.191-.49.393-.718.62l-128.46 128.46s-36.341 89.931-22.648 103.623c13.692 13.692 103.623-22.648 103.623-22.648l128.46-128.46c.227-.227.43-.469.62-.718c.069-.087.133-.181.2-.272"/><path fill="#E5AA6E" d="m219.031 311.959l-2.853 17.779c-.42 2.615 1.845 4.873 4.458 4.446l12.741-2.081c2.516-.411 4.739 1.675 4.489 4.212l-1.419 14.382a3.882 3.882 0 0 0 4.458 4.217l12.877-1.997c2.633-.408 4.885 1.896 4.416 4.519l-2.203 12.32c-.454 2.537 1.646 4.804 4.211 4.545l14.493-1.462a3.88 3.88 0 0 1 4.251 4.257l-1.494 14.621c-.257 2.516 1.922 4.602 4.424 4.235l18.443-2.702l-103.939 43.491c8.292-8.292-13.178-29.761-21.47-21.47z"/><path fill="#FFB636" d="M245.704 316.656a4.842 4.842 0 0 1-3.423-8.264l107.185-107.186a4.842 4.842 0 0 1 6.846 6.846L249.126 315.238a4.82 4.82 0 0 1-3.422 1.418m30.804 25.964l107.186-107.186a4.842 4.842 0 0 0-6.846-6.846L269.662 335.774a4.842 4.842 0 0 0 6.846 6.846m27.381 27.381l107.186-107.186a4.842 4.842 0 0 0-6.846-6.846L297.043 363.155a4.842 4.842 0 0 0 6.846 6.846"/><path fill="#B9C5C6" d="M291.604 55.317H135.373c-8.05 0-14.576-6.526-14.576-14.576V18.292c0-8.05 6.526-14.576 14.576-14.576h156.231c8.05 0 14.576 6.526 14.576 14.576v22.449c0 8.05-6.526 14.576-14.576 14.576"/></svg>Cara memakai ikon Memo
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:memo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:memo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:memo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--memo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:memo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:memo"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/memo.svg" alt="Ikon Memo" width="24" height="24">Ikon Memo di set ikon lain
FAQ Ikon Memo
Apakah ikon Memo gratis untuk penggunaan komersial?
Ya. Firefox OS Emoji icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Memo di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:memo" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Memo ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/memo.svg" alt="Ikon Memo">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.