Ikon Padding
fluent-mdl2:padding
Ikon Padding (fluent-mdl2:padding) 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="M0 0h128v128H0zm1920 0v128h-128V0zM256 0h256v128H256zm640 128H640V0h256zm384 0h-256V0h256zM1408 0h256v128h-256zM0 1920h128v128H0zm1792 0h128v128h-128zm-1536 0h256v128H256zm384 0h256v128H640zm384 0h256v128h-256zm384 0h256v128h-256zM1024 603v842l211-210l90 90l-365 365l-365-365l90-90l211 210V603L685 813l-90-90l365-365l365 365l-90 90z"/></svg>
Cara memakai ikon Padding
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:padding" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:padding" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:padding" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--padding]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:padding"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:padding"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/padding.svg" alt="Ikon Padding" width="24" height="24">
Ikon terkait di Fluent UI MDL2
Ikon Padding di set ikon lain
FAQ Ikon Padding
Apakah ikon Padding 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 Padding di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:padding" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Padding ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/padding.svg" alt="Ikon Padding">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent UI MDL2 →
ICONYZ
