ICONYZ
Bahasa Indonesia
Ikon Memo dari Firefox OS Emoji

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
Download SVG

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.

Lihat semua Ikon Firefox OS Emoji →