ICONYZ
Bahasa Indonesia
Ikon Auto Fit Contents dari Fluent UI MDL2

Ikon Auto Fit Contents

fluent-mdl2:auto-fit-contents

Ikon Auto Fit Contents (fluent-mdl2:auto-fit-contents) 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
autofit, fitcontents, autofitcontents, content
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M0 2048V896h2048v1152h-128v-128h-512v128h-128v-128H768v128H640v-128H128v128zm1280-256v-384H768v384zm640 0v-384h-512v384zM128 1024v256h1792v-256zm0 384v384h512v-384zm0-896v256H0V128h128v256h384v128zm1792-384h128v640h-128V512h-512V384h512zM896 293l-91 91l-165-165l91-91zm384-74l-165 165l-91-91l165-165zm0 458l-91 91l-165-165l91-91zm-384-74L719 768l-79-91l165-165z"/></svg>

Cara memakai ikon Auto Fit Contents

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-mdl2:auto-fit-contents" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-mdl2:auto-fit-contents" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-mdl2:auto-fit-contents" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--auto-fit-contents]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:auto-fit-contents"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-mdl2:auto-fit-contents"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/auto-fit-contents.svg" alt="Ikon Auto Fit Contents" width="24" height="24">

Ikon terkait di Fluent UI MDL2

FAQ Ikon Auto Fit Contents

Apakah ikon Auto Fit Contents 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 Auto Fit Contents di React?

Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:auto-fit-contents" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Auto Fit Contents ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/auto-fit-contents.svg" alt="Ikon Auto Fit Contents">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent UI MDL2 →