Ícone Card File Box
fluent-emoji-flat:card-file-box
O ícone Card File Box (fluent-emoji-flat:card-file-box) é um ícone SVG gratuito da coleção Fluent Emoji Flat de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji Flat
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Objetos
- Tags
- cardfile, filebox, cardfilebox
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#433b6b" d="M27.877 29.95H4.123A2.12 2.12 0 0 1 2 27.826V15.779A3.78 3.78 0 0 1 5.779 12H26.22A3.78 3.78 0 0 1 30 15.779v12.048c0 1.172-.95 2.122-2.123 2.122"/><path fill="#8d65c5" d="M4.123 5h23.754C29.05 5 30 5.95 30 7.123v9.27c0 1.173-.95 2.123-2.123 2.123H4.123A2.12 2.12 0 0 1 2 16.393v-9.27C2 5.95 2.95 5 4.123 5M13.5 21h5c.828 0 1.5.673 1.5 1.5v3c0 .827-.673 1.5-1.5 1.5h-5c-.827 0-1.5-.673-1.5-1.5v-3c0-.827.673-1.5 1.5-1.5"/><path fill="#321b41" d="M27.877 6.518c.344 0 .625.28.625.625v9.233c0 .344-.28.624-.625.624H27l-11-1.5L5 17h-.877a.625.625 0 0 1-.625-.624V7.143c0-.344.28-.625.625-.625z"/><path fill="#f4f4f4" d="M18.5 26h-5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5"/><path fill="#00d26a" d="M22.998 3h-3.996C18.45 3 18 3.454 18 4.014V5l3 1l3-1v-.986C24 3.454 23.552 3 22.998 3"/><path fill="#ffb02e" d="M27 12V7.178C27 5.975 26.049 5 24.875 5H7.125C5.951 5 5 5.975 5 7.178v4.806z"/><path fill="#00a6ed" d="M17.998 7h-3.996C13.448 7 13 7.454 13 8.014V9l3 1l3-1v-.986C19 7.454 18.552 7 17.998 7"/><path fill="#f9c23c" d="M27 15.5v-4.318C27 9.977 26.049 9 24.875 9H7.125C5.951 9 5 9.977 5 11.182v4.302z"/><path fill="#f8312f" d="M12.998 11H9.002C8.45 11 8 11.454 8 12.014V13l3 1l3-1v-.986c0-.56-.45-1.014-1.002-1.014"/><path fill="#fcd53f" d="M27 17v-1.877A2.103 2.103 0 0 0 24.9 13H7.24a2.25 2.25 0 0 0-2.247 2.247L5 17z"/></g></svg>
Como usar o ícone Card File Box
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:card-file-box" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:card-file-box" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:card-file-box" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--card-file-box]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat: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-flat:card-file-box"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/card-file-box.svg" alt="Ícone Card File Box" width="24" height="24">
Ícones relacionados em Fluent Emoji Flat
O ícone Card File Box em outras coleções
Perguntas frequentes sobre Ícone Card File Box
O ícone Card File Box é grátis para uso comercial?
Sim. Fluent Emoji Flat icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Card File Box no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-flat:card-file-box" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Card File Box a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/card-file-box.svg" alt="Ícone Card File Box">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji Flat →
ICONYZ
