Ikon Card File Box
fluent-emoji-high-contrast:card-file-box
Ikon Card File Box (fluent-emoji-high-contrast:card-file-box) 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
- cardfile, filebox, cardfilebox
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M20 22.5c0-.827-.672-1.5-1.5-1.5h-5c-.827 0-1.5.673-1.5 1.5v3c0 .827.673 1.5 1.5 1.5h5c.827 0 1.5-.673 1.5-1.5zm-1 3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5z"/><path d="M22.998 2h-3.996C18.45 2 18 2.454 18 3.014V4H4.123A3.12 3.12 0 0 0 1 7.123v20.704a3.12 3.12 0 0 0 3.123 3.122h23.754A3.123 3.123 0 0 0 31 27.826V7.124A3.123 3.123 0 0 0 27.877 4H24v-.986C24 2.454 23.552 2 22.998 2M26 17.516H6V14.25c0-.69.56-1.25 1.25-1.25h17.5c.69 0 1.25.56 1.25 1.25zm-12-6.502c0-.56-.45-1.014-1.002-1.014H9.002C8.45 10 8 10.454 8 11.014V12h-.75c-.463 0-.892.14-1.25.379V10.25C6 9.56 6.56 9 7.25 9h17.5c.69 0 1.25.56 1.25 1.25v2.129A2.24 2.24 0 0 0 24.75 12H14zM24.75 8H19v-.986C19 6.454 18.552 6 17.998 6h-3.996C13.448 6 13 6.454 13 7.014V8H7.25c-.463 0-.892.14-1.25.379V6.25C6 5.56 6.56 5 7.25 5h17.5c.69 0 1.25.56 1.25 1.25v2.129A2.24 2.24 0 0 0 24.75 8m3.127 11.516A3.1 3.1 0 0 0 29 19.308v8.519c0 .62-.503 1.122-1.123 1.122H4.123c-.62 0-1.123-.502-1.123-1.123v-8.518a3.1 3.1 0 0 0 1.123.208z"/></g></svg>
Cara memakai ikon Card File Box
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:card-file-box" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:card-file-box" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:card-file-box" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--card-file-box]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:card-file-box"></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:card-file-box"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/card-file-box.svg" alt="Ikon Card File Box" width="24" height="24">
Ikon terkait di Fluent Emoji High Contrast
Ikon Card File Box di set ikon lain
FAQ Ikon Card File Box
Apakah ikon Card File Box 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 Card File Box di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:card-file-box" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Card File Box ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/card-file-box.svg" alt="Ikon Card File Box">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent Emoji High Contrast →
ICONYZ
