Ikon Light Weight
fluent-mdl2:light-weight
Ikon Light Weight (fluent-mdl2:light-weight) 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
- lightweight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1457 1317q0 111-37 199t-104 149t-157 94t-199 33H512V128h438q89 0 167 24t136 73t91 121t34 166q0 72-19 136t-57 116t-92 90t-124 61v4q84 9 152 40t117 82t75 120t27 156M627 234v644h232q81 0 153-21t127-63t87-108t33-153q0-84-26-141t-74-93t-113-50t-142-15zm713 1092q0-104-40-171t-105-105t-150-53t-173-15H627v706h309q88 0 162-21t128-65t84-113t30-163"/></svg>Cara memakai ikon Light Weight
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:light-weight" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:light-weight" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:light-weight" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--light-weight]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:light-weight"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:light-weight"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/light-weight.svg" alt="Ikon Light Weight" width="24" height="24">Ikon terkait di Fluent UI MDL2
FAQ Ikon Light Weight
Apakah ikon Light Weight 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 Light Weight di React?
Pasang @iconify/react lalu render <Icon icon="fluent-mdl2:light-weight" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Light Weight ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/light-weight.svg" alt="Ikon Light Weight">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.