ICONYZ
Bahasa Indonesia
Ikon Line Style dari Fluent UI MDL2

Ikon Line Style

fluent-mdl2:line-style

Ikon Line Style (fluent-mdl2:line-style) 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
linestyle
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="M1920 384v128H0V384zM128 896H0V768h128zm256 0H256V768h128zm128-128h128v128H512zm384 128H768V768h128zm256 0h-128V768h128zm128-128h128v128h-128zm384 128h-128V768h128zm128-128h128v128h-128zM256 1280H0v-128h256zm128-128h256v128H384zm384 0h256v128H768zm384 0h256v128h-256zm384 0h256v128h-256zM0 1536h384v128H0zm512 0h128v128H512zm256 0h384v128H768zm768 0h384v128h-384zm-256 0h128v128h-128z"/></svg>

Cara memakai ikon Line Style

React

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

<Icon icon="fluent-mdl2:line-style" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:line-style" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:line-style" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--line-style]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="fluent-mdl2:line-style"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/line-style.svg" alt="Ikon Line Style" width="24" height="24">

Ikon terkait di Fluent UI MDL2

Ikon Line Style di set ikon lain

FAQ Ikon Line Style

Apakah ikon Line Style 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 Line Style di React?

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

Bagaimana cara menambahkan ikon Line Style ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/line-style.svg" alt="Ikon Line Style">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent UI MDL2 →