Ikon Default Ratio
fluent-mdl2:default-ratio
Ikon Default Ratio (fluent-mdl2:default-ratio) 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
- defaultratio
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M640 860q-29 17-61 26t-67 10V768q27 0 50-10t40-27t28-41t10-50h128v640H640zm640 0q-29 17-61 26t-67 10V768q27 0 50-10t40-27t28-41t10-50h128v640h-128zm-320 36q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19m0 256q-26 0-45-19t-19-45t19-45t45-19t45 19t19 45t-19 45t-45 19M1920 0v1920H0V0zm-128 128H128v1664h1664z"/></svg>Cara memakai ikon Default Ratio
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:default-ratio" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:default-ratio" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:default-ratio" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--default-ratio]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:default-ratio"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:default-ratio"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/default-ratio.svg" alt="Ikon Default Ratio" width="24" height="24">FAQ Ikon Default Ratio
Apakah ikon Default Ratio 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 Default Ratio di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:default-ratio" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Default Ratio ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/default-ratio.svg" alt="Ikon Default Ratio">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.