card file box emoji
card-file-box from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- card-file-box
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the card file box emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatCardFileBox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-card-file-box {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M27.877%2029.95H4.123A2.12%202.12%200%200%201%202%2027.826V15.779A3.78%203.78%200%200%201%205.779%2012H26.22A3.78%203.78%200%200%201%2030%2015.779v12.048c0%201.172-.95%202.122-2.123%202.122%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M4.123%205h23.754C29.05%205%2030%205.95%2030%207.123v9.27c0%201.173-.95%202.123-2.123%202.123H4.123A2.12%202.12%200%200%201%202%2016.393v-9.27C2%205.95%202.95%205%204.123%205M13.5%2021h5c.828%200%201.5.673%201.5%201.5v3c0%20.827-.673%201.5-1.5%201.5h-5c-.827%200-1.5-.673-1.5-1.5v-3c0-.827.673-1.5%201.5-1.5%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M27.877%206.518c.344%200%20.625.28.625.625v9.233c0%20.344-.28.624-.625.624H27l-11-1.5L5%2017h-.877a.625.625%200%200%201-.625-.624V7.143c0-.344.28-.625.625-.625z%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M18.5%2026h-5a.5.5%200%200%201-.5-.5v-3a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%20.5.5v3a.5.5%200%200%201-.5.5%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M22.998%203h-3.996C18.45%203%2018%203.454%2018%204.014V5l3%201l3-1v-.986C24%203.454%2023.552%203%2022.998%203%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M27%2012V7.178C27%205.975%2026.049%205%2024.875%205H7.125C5.951%205%205%205.975%205%207.178v4.806z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M17.998%207h-3.996C13.448%207%2013%207.454%2013%208.014V9l3%201l3-1v-.986C19%207.454%2018.552%207%2017.998%207%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M27%2015.5v-4.318C27%209.977%2026.049%209%2024.875%209H7.125C5.951%209%205%209.977%205%2011.182v4.302z%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M12.998%2011H9.002C8.45%2011%208%2011.454%208%2012.014V13l3%201l3-1v-.986c0-.56-.45-1.014-1.002-1.014%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M27%2017v-1.877A2.103%202.103%200%200%200%2024.9%2013H7.24a2.25%202.25%200%200%200-2.247%202.247L5%2017z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M27.877%2029.95H4.123A2.12%202.12%200%200%201%202%2027.826V15.779A3.78%203.78%200%200%201%205.779%2012H26.22A3.78%203.78%200%200%201%2030%2015.779v12.048c0%201.172-.95%202.122-2.123%202.122%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M4.123%205h23.754C29.05%205%2030%205.95%2030%207.123v9.27c0%201.173-.95%202.123-2.123%202.123H4.123A2.12%202.12%200%200%201%202%2016.393v-9.27C2%205.95%202.95%205%204.123%205M13.5%2021h5c.828%200%201.5.673%201.5%201.5v3c0%20.827-.673%201.5-1.5%201.5h-5c-.827%200-1.5-.673-1.5-1.5v-3c0-.827.673-1.5%201.5-1.5%22%2F%3E%3Cpath%20fill%3D%22%23321b41%22%20d%3D%22M27.877%206.518c.344%200%20.625.28.625.625v9.233c0%20.344-.28.624-.625.624H27l-11-1.5L5%2017h-.877a.625.625%200%200%201-.625-.624V7.143c0-.344.28-.625.625-.625z%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M18.5%2026h-5a.5.5%200%200%201-.5-.5v-3a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%20.5.5v3a.5.5%200%200%201-.5.5%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M22.998%203h-3.996C18.45%203%2018%203.454%2018%204.014V5l3%201l3-1v-.986C24%203.454%2023.552%203%2022.998%203%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M27%2012V7.178C27%205.975%2026.049%205%2024.875%205H7.125C5.951%205%205%205.975%205%207.178v4.806z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M17.998%207h-3.996C13.448%207%2013%207.454%2013%208.014V9l3%201l3-1v-.986C19%207.454%2018.552%207%2017.998%207%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M27%2015.5v-4.318C27%209.977%2026.049%209%2024.875%209H7.125C5.951%209%205%209.977%205%2011.182v4.302z%22%2F%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M12.998%2011H9.002C8.45%2011%208%2011.454%208%2012.014V13l3%201l3-1v-.986c0-.56-.45-1.014-1.002-1.014%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M27%2017v-1.877A2.103%202.103%200%200%200%2024.9%2013H7.24a2.25%202.25%200%200%200-2.247%202.247L5%2017z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/card-file-box.svg?color=%231a73e8&size=48
