Ikon Notebook With Decorative Cover
fluent-emoji-high-contrast:notebook-with-decorative-cover
Ikon Notebook With Decorative Cover (fluent-emoji-high-contrast:notebook-with-decorative-cover) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast 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 Emoji High Contrast
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Benda
- Tag
- notebookwith, withdecorative, decorativecover, notebookwithdecorativecover
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M24.56 4a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zM12 18.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm4 5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zM12.44 6.354a.5.5 0 0 1 0-.708l1.414-1.414a.5.5 0 0 1 .707 0l.353.354a.5.5 0 0 1 0 .707L13.5 6.707a.5.5 0 0 1-.707 0zm3.914 3.292a.5.5 0 0 0 0 .707l.353.354a.5.5 0 0 0 .707 0l1.414-1.414a.5.5 0 0 0 0-.707l-.353-.354a.5.5 0 0 0-.707 0zm4.292 3.708a.5.5 0 0 1 .707 0l1.415 1.414a.5.5 0 0 1 0 .707l-.354.353a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 0-.707zm5.182 5.414l-1.414-1.414a.5.5 0 0 0-.707 0l-.354.353a.5.5 0 0 0 0 .707l1.415 1.414a.5.5 0 0 0 .707 0l.353-.353a.5.5 0 0 0 0-.707M12.5 9a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm4 5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5zm4.854-9.646a.5.5 0 0 0-.707 0l-.354.353a.5.5 0 0 0 0 .707l1.414 1.415a.5.5 0 0 0 .707 0l.354-.354a.5.5 0 0 0 0-.707zm2.414 4a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1 0 .707l-.353.354a.5.5 0 0 1-.708 0l-1.414-1.415a.5.5 0 0 1 0-.707zM12.354 23.647a.5.5 0 0 0 0 .707l.353.353a.5.5 0 0 0 .707 0l1.414-1.414a.5.5 0 0 0 0-.707l-.353-.354a.5.5 0 0 0-.707 0zM8.927 17.5a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zM24.56 22a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5zM20 18.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zM16.75 5a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5zM9.677 8a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75m15.133 5a.75.75 0 0 0-.75.75v1.5a.75.75 0 0 0 1.5 0v-1.5a.75.75 0 0 0-.75-.75M20 9.75a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5h-1.5a.75.75 0 0 1-.75-.75m-7.47 5.78a.75.75 0 0 1 0-1.06l1.061-1.061a.75.75 0 0 1 1.06 1.06l-1.06 1.061a.75.75 0 0 1-1.06 0m3.999 4a.75.75 0 0 0 1.061 0l1.06-1.06a.75.75 0 0 0-1.06-1.061l-1.06 1.06a.75.75 0 0 0 0 1.061m3.939 3a.75.75 0 0 1 1.06 0l1.061 1.061a.75.75 0 1 1-1.06 1.06l-1.061-1.06a.75.75 0 0 1 0-1.06"/><path d="M4.5 3.5a2 2 0 0 1 2-2H25A2.5 2.5 0 0 1 27.5 4v23.5H7a.5.5 0 0 0 0 1h20.622l-.236.667A2 2 0 0 1 25.5 30.5h-19a2 2 0 0 1-2-2zm22 .5A1.5 1.5 0 0 0 25 2.5H8.5v2.147l.293-.294a.5.5 0 0 1 .707 0l1.415 1.415a.5.5 0 0 1 0 .707l-.354.353a.5.5 0 0 1-.707 0L8.5 5.475v8.172l.293-.293a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1 0 .707l-.353.353a.5.5 0 0 1-.707 0L8.5 14.475v8.205a.75.75 0 0 1 1.177-.15l1.06 1.061a.75.75 0 1 1-1.06 1.06l-1.06-1.06a.8.8 0 0 1-.117-.15V25.5h18z"/></g></svg>Cara memakai ikon Notebook With Decorative Cover
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--notebook-with-decorative-cover]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:notebook-with-decorative-cover"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/notebook-with-decorative-cover.svg" alt="Ikon Notebook With Decorative Cover" width="24" height="24">Ikon terkait di Fluent Emoji High Contrast
Ikon Notebook With Decorative Cover di set ikon lain
FAQ Ikon Notebook With Decorative Cover
Apakah ikon Notebook With Decorative Cover gratis untuk penggunaan komersial?
Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Notebook With Decorative Cover di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:notebook-with-decorative-cover" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Notebook With Decorative Cover ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/notebook-with-decorative-cover.svg" alt="Ikon Notebook With Decorative Cover">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.