Ikon Card File Box
openmoji:card-file-box
Ikon Card File Box (openmoji:card-file-box) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Benda
- Tag
- cardfile, filebox, cardfilebox
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="M11.88 59.884h47.654V42.679H11.88z"/><path fill="#9b9b9a" d="m59.682 21.834l-47.745-.096v18.511l5.2-.23c1.24-.843.42-5.67.487-5.803c-.002-.842-.083-4.857.06-5.195c.287-.677 9.94-.079 9.936-.06l1.397 4.131c.122-.164 10.088-1.839 10.088-1.839c.134 0 2.858 5.56 2.858 5.56c.05-.055 12.542 2.733 12.509 2.832l1.707.168l3.43.055z"/><path fill="#d0cfce" d="M55.76 38.822c-.026.076-3.952-.878-6.284-.899c-9.488-.086-32.114.803-32.52.699c-.418-.107-1.81.3-1.884.152c.004.546-.117 1.535-.091 2.491l40.703.037z"/><path fill="#3f3f3f" d="M16.346 38.82c-.026-.051-.04-.105-.057-.16l-4.286.053l-.091 2.977l4.497.487c-.025-.928-.058-2.79-.063-3.357"/><path fill="#d0cfce" d="M16.498 33.866c.033-.036.07-.064.109-.095a1 1 0 0 1 .175-.118q.053-.029.108-.05a1 1 0 0 1 .342-.07H28.52v-.273c0-.448.114-.866.3-1.242q.017-.035.037-.069c.044-.084.084-.171.136-.25l-.084.133c-.005.013-.014.026-.016.04h-.009c-.041.07-2.212-1.397-2.226-1.36c0 0-4.015-1.191-8.534.255c-.165.053-1.219 1.238-1.361 1.16q-.024-.014-.046-.03a1 1 0 0 1-.336-.344c-.013-.023-.032-.042-.044-.066v2.62v-.001q.065-.132.162-.24m.116 3.745a1 1 0 0 1 .166-.112q.054-.029.111-.052a1 1 0 0 1 .34-.068h24.135v-.152q.002-.257.054-.498c.02-.103.058-.2.09-.3c.018-.048.03-.1.05-.147q.081-.194.194-.374l.016-.026q.123-.194.279-.365l.008-.013l-1.36-1.988l-8.38.556l-2.808 1.467a.9.9 0 0 0 .317-.068c-.025.008-.053.01-.078.016c-.076.018-.149.046-.23.046H17.232a.94.94 0 0 1-.452-.121a1 1 0 0 1-.152-.102a1 1 0 0 1-.273-.321v-.001c.009.79-.007 2.107-.012 2.953q.062-.125.154-.228c.036-.04.077-.069.118-.102"/><path fill="#9b9b9a" d="M28.589 47.449H42.81v6.431H28.589z"/><path fill="#d0cfce" d="m28.865 28.1l-.035-.045c-.017-.02-.041-.038-.061-.057q.022.021.043.046q.028.027.053.056m.061 1.203a1 1 0 0 0 .15-.333v-.023a.995.995 0 0 1-.809.76a1 1 0 0 0 .659-.404"/><path fill="#fcea2b" d="M54.142 39.379c-.47 0 .455-2.098.455-2.098c0-.355-1.142-1.713-1.591-1.713l-8.872.055c-.224 0-1.477 1.482-1.477 1.658l-.944 1.101c0 .452-.253.593-.664.717l1.558.27z"/><path fill="#92d3f5" d="m42.021 35.505l-.055-3.132c-.007-.014-.02-.032-.027-.047c.012.087-1.165.308-1.408-.187c-.14-.288-.895-.766-1.216-.766l-7.857-.135c-.457 0-1.689.714-1.689 1.17l-.495 2.162c0 .553-1.114.968-1.666.968z"/><path fill="#3f3f3f" d="m59.411 38.663l-4.471.027l.023 3.24l4.402-.081z"/><path fill="#d0cfce" d="M11.742 15.113h47.916v6.522H11.742zm5.884 16.866c.02-.009.035-.026.054-.036c-.02.01-.033.027-.054.036m1.446-2.599h7.968h-7.979zm-.593.241c-.022.021-.033.05-.052.074c.02-.023.03-.053.052-.074"/><path fill="#ea5a47" d="m29.072 31.576l.013-2.628c-.029.124-.947-.373-1.398-.693c-.14-.1-8.566-.038-8.566-.038c-.457 0-2.076 2.058-2.076 2.058s.609 1.777.056 1.777l11.689-.007c.042-.111.282-.469.282-.469"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="m11.751 21.619l.012 20.693h47.986l-.012-20.693"/><path d="M11.726 15.003h48.011v6.617H11.726zm.037 27.309h47.986v17.362H11.763z"/><path d="M28.61 47.061h14.426v6.848H28.61zm-.507-18.341c-.3-.214-.667-.34-1.064-.34h-7.977a1.83 1.83 0 0 0-1.83 1.829v.852m23.738 1.396a1.83 1.83 0 0 0-1.645-1.027h-7.977a1.83 1.83 0 0 0-1.83 1.83v1.273H17.234m36.769 3.846v-1.153c0-.914-.819-1.655-1.829-1.655h-7.977c-1.01 0-1.83.741-1.83 1.655v1.153H17.234"/></g></svg>Cara memakai ikon Card File Box
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:card-file-box" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:card-file-box" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:card-file-box" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--card-file-box]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji: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="openmoji:card-file-box"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/card-file-box.svg" alt="Ikon Card File Box" width="24" height="24">Ikon terkait di OpenMoji
Ikon Card File Box di set ikon lain
FAQ Ikon Card File Box
Apakah ikon Card File Box gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Card File Box di React?
Pasang @iconify/react lalu render <Icon icon="openmoji: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/openmoji/card-file-box.svg" alt="Ikon Card File Box">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.