Ikon Picture Position
fluent-mdl2:picture-position
Ikon Picture Position (fluent-mdl2:picture-position) 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
- pictureposition
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M512 512h1024v1024H512zm128 896h549l-357-358l-192 193zm0-768v421l192-191l539 538h37V640zm576 256q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19M859 347l-91-91L1024 0l256 256l-91 91l-165-166zm330 1354l91 91l-256 256l-256-256l91-91l165 166zM347 859l-166 165l166 165l-91 91L0 1024l256-256zm1701 165l-256 256l-91-91l166-165l-166-165l91-91z"/></svg>Cara memakai ikon Picture Position
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:picture-position" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:picture-position" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:picture-position" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--picture-position]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:picture-position"></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-position"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/picture-position.svg" alt="Ikon Picture Position" width="24" height="24">Ikon terkait di Fluent UI MDL2
FAQ Ikon Picture Position
Apakah ikon Picture Position 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 Position di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:picture-position" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Picture Position ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/picture-position.svg" alt="Ikon Picture Position">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.