Ikon Metro
fxemoji:metro
Ikon Metro (fxemoji:metro) 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
- Tempat
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="256" fill="#2B3B47"/><path fill="#FF473E" d="M96 64h320v368H96z"/><path fill="#F9F9F7" d="M104 72h304v224H104z"/><path fill="#FFD469" d="M207 340c0 11.046-8.954 20-20 20s-20-8.954-20-20s8.954-20 20-20s20 8.954 20 20m116-20c-11.046 0-20 8.954-20 20s8.954 20 20 20s20-8.954 20-20s-8.954-20-20-20"/><path fill="#E5E4DF" d="M192.12 432h32l-14.854 59.414a238.3 238.3 0 0 1-57.386-19.175zM320 432h-32l14.854 59.414a238.3 238.3 0 0 0 57.386-19.175z"/><path fill="#132028" d="M396 280H116V136h280zM353 88H161v32h192zm-33 312H192v32h128z"/></svg>
Cara memakai ikon Metro
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:metro" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:metro" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:metro" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--metro]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:metro"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:metro"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/metro.svg" alt="Ikon Metro" width="24" height="24">
Ikon Metro di set ikon lain
FAQ Ikon Metro
Apakah ikon Metro 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 Metro di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:metro" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Metro ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/metro.svg" alt="Ikon Metro">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Firefox OS Emoji →
ICONYZ
