ICONYZ
Bahasa Indonesia
Ikon Note Pinned dari Fluent UI MDL2

Ikon Note Pinned

fluent-mdl2:note-pinned

Ikon Note Pinned (fluent-mdl2:note-pinned) 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
notepinned
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="M1792 1271q61 27 128 36v613H677l-549-549V128h1792v229q-67 9-128 36V256H256v1024h512v512h1024zM640 1408H347l293 293zm1408-896v640h-64q-78 0-143-33t-112-95h-110q-28 59-70 106t-94 81t-113 51t-126 18h-64V896H640l-128-64l128-64h512V384h64q65 0 125 18t113 51t95 80t70 107h110q47-61 112-94t143-34zm-128 139q-24 8-41 20t-30 26t-25 33t-24 38h-269l-15-43q-28-79-91-134t-145-72v626q82-17 145-72t91-134l15-43h269q12 20 23 38t25 32t31 27t41 20z"/></svg>

Cara memakai ikon Note Pinned

React

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

<Icon icon="fluent-mdl2:note-pinned" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:note-pinned" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:note-pinned" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fluent-mdl2:note-pinned"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/note-pinned.svg" alt="Ikon Note Pinned" width="24" height="24">

Ikon terkait di Fluent UI MDL2

FAQ Ikon Note Pinned

Apakah ikon Note Pinned 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 Note Pinned di React?

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

Bagaimana cara menambahkan ikon Note Pinned ke halaman web?

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

Lihat semua Ikon Fluent UI MDL2 →