Ikon Pandaface
fxemoji:pandaface
Ikon Pandaface (fxemoji:pandaface) 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
- Alam
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#626566" d="M472.968 103.97c0 48.326-39.176 87.502-87.502 87.502s-87.502-39.176-87.502-87.502s39.176-87.502 87.502-87.502s87.502 39.176 87.502 87.502M120.99 16.468c-48.326 0-87.502 39.176-87.502 87.502s39.176 87.502 87.502 87.502s87.502-39.176 87.502-87.502s-39.176-87.502-87.502-87.502"/><path fill="#BFBCAF" d="M430.727 103.97c0 24.996-20.263 45.26-45.26 45.26s-45.26-20.263-45.26-45.26s20.263-45.26 45.26-45.26s45.26 20.264 45.26 45.26M120.99 58.71c-24.996 0-45.26 20.263-45.26 45.26s20.263 45.26 45.26 45.26s45.26-20.263 45.26-45.26s-20.264-45.26-45.26-45.26"/><path fill="#E5E4DF" d="M492.466 330.299c0-83.849-64.402-99.046-64.402-118.633l-.713.433C418.592 125.194 345.221 57.348 256 57.348c-89.249 0-162.637 67.89-171.358 154.835l-.87-.517c0 17.7-61.643 34.395-63.098 115.702a138 138 0 0 0-1.139 17.691c0 74.554 59.755 135.143 133.982 136.507l-.006.032c.255 0 .535-.017.798-.022c.588.007 1.175.022 1.765.022c21.33 0 41.508-4.904 59.488-13.631c14.429-3.549 28.088-6.281 37.653-5.818c20.601.997 56.242 23.903 102.712 19.449c75.409 0 136.539-61.131 136.539-136.539c0-4.49-.223-8.928-.647-13.307c.409-.438.647-.917.647-1.453"/><path fill="#626566" d="M240.212 303.207c-17.568 53.328-64.03 85.945-103.775 72.852S78.713 309.12 96.282 255.791s64.03-85.945 103.775-72.852c39.745 13.094 57.723 66.939 40.155 120.268m31.574 0c17.568 53.328 64.03 85.945 103.775 72.852s57.724-66.939 40.156-120.267s-64.03-85.945-103.775-72.852s-57.724 66.938-40.156 120.267m-38.184 60.104s-12.845 3.286-20.162 8.214c-3.923 2.464-6.268 5.339-7.377 8.419c-1.273 3.08.454 6.366 2.408 9.652c4.1 6.571 7.038 13.142 11.395 18.071c3.672 4.928 7.576 8.214 7.576 8.214c16.197 13.658 40.354 14.107 57.113 0c0 0 3.904-3.286 7.576-8.214c4.357-4.928 7.295-11.5 11.395-18.071c1.954-3.286 3.681-6.571 2.408-9.652c-1.108-3.08-3.454-5.955-7.377-8.419c-7.317-4.928-20.162-8.214-20.162-8.214c-14.12-3.558-29.693-3.862-44.793 0"/><path fill="#132028" d="M169.247 253.848c15.806 0 28.619 12.813 28.619 28.619v35.18c0 15.806-12.813 28.619-28.619 28.619s-28.619-12.813-28.619-28.619v-35.18c-.001-15.805 12.813-28.619 28.619-28.619m173.505-.964c-15.806 0-28.619 12.813-28.619 28.619v35.18c0 15.806 12.813 28.619 28.619 28.619s28.619-12.813 28.619-28.619v-35.18c0-15.806-12.813-28.619-28.619-28.619"/></svg>Cara memakai ikon Pandaface
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:pandaface" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:pandaface" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:pandaface" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--pandaface]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:pandaface"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:pandaface"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/pandaface.svg" alt="Ikon Pandaface" width="24" height="24">FAQ Ikon Pandaface
Apakah ikon Pandaface 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 Pandaface di React?
Pasang @iconify/react lalu render <Icon icon="fxemoji:pandaface" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pandaface ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fxemoji/pandaface.svg" alt="Ikon Pandaface">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.