Ikon Picture Center
fluent-mdl2:picture-center
Ikon Picture Center (fluent-mdl2:picture-center) adalah ikon SVG gratis dari set Fluent UI MDL2 karya Microsoft Corporation. Ikon ini digambar pada grid 2048 × 2048. Fluent UI MDL2 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
- Fluent UI MDL2
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 2048 × 2048
- Tag
- picturecenter
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1792 1536H256V384h1536zM384 512v486l352-352l448 447l192-191l288 287V512zm0 896h933L736 827l-352 351zm1280 0v-37l-288-288l-102 101l225 224zm-192-640q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19M2048 0v2048H0V0zm-128 128H128v1792h1792z"/></svg>
Cara memakai ikon Picture Center
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:picture-center" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:picture-center" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:picture-center" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--picture-center]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:picture-center"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:picture-center"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/picture-center.svg" alt="Ikon Picture Center" width="24" height="24">
Ikon terkait di Fluent UI MDL2
FAQ Ikon Picture Center
Apakah ikon Picture Center gratis untuk penggunaan komersial?
Ya. Fluent UI MDL2 icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Picture Center di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:picture-center" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Picture Center ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/picture-center.svg" alt="Ikon Picture Center">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent UI MDL2 →
ICONYZ
