Ikon Orientation
fluent-mdl2:orientation
Ikon Orientation (fluent-mdl2:orientation) 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
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1408 1664H0V768h1408zm-128-768H128v640h1152zM128 640H0V512h128zm0-256H0V256h128zm0-256H0V0h128zm768 0H768V0h128zm-512 0H256V0h128zm256 0H512V0h128zm256 256H768V256h128zm0 256H768V512h128zm731-512q102 102 180 197t132 200t81 226t28 273q0 141-36 272t-103 245t-160 207t-208 160t-245 103t-272 37v-128q123 0 237-32t214-90t182-141t140-181t91-214t32-238q0-133-25-242t-74-204t-120-182t-165-177v293h-128V0h512v128z"/></svg>Cara memakai ikon Orientation
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:orientation" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:orientation" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:orientation" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--orientation]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:orientation"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:orientation"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/orientation.svg" alt="Ikon Orientation" width="24" height="24">Ikon terkait di Fluent UI MDL2
Ikon Orientation di set ikon lain
FAQ Ikon Orientation
Apakah ikon Orientation 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 Orientation di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:orientation" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Orientation ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/orientation.svg" alt="Ikon Orientation">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.