card file box emoji
card-file-box from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- card-file-box
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Emoji One (Colored)
Use the card file box emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#534741" d="M64 57.3L28 64L6.5 50.6L42.6 44z"/><path fill="#3e4347" d="M42.6 44L6.5 50.7V37.5l36.1-6.7z"/><path fill="#d0d0d0" d="M64 57.4L42.6 44V30.8L64 47.4z"/><path fill="#ed4c5c" d="m46 43.4l-36 6.7V36.8l18-3.3v1.9l18-3.2z"/><path fill="#ff8736" d="m51.4 46.5l-36.1 6.6V39.9l18-3.3v2.3l18.1-3.5z"/><path fill="#83bf4f" d="m56.7 49.9l-36 6.6V43.3l18-3.3v2l18-3.2z"/><path fill="#ffce31" d="m62.1 53.3l-36 6.7V46.7l18-3.3V46l18-3.8z"/><path fill="#d0d0d0" d="M28 64L6.5 50.6V37.4L28 54.1z"/><path fill="#3e4347" d="M64 57.3L28 64v-9.9l36-6.7zM36 26.8L0 33.4V6.6L36 0z"/><path fill="#94989b" d="M36 26.8L0 33.4l6.5 4.1l36.1-6.7z"/><path fill="#d0d0d0" d="m0 6.6l3.3 2l3.2 28.8l-6.5-4zM36 0l3.3 2l3.3 28.8l-6.6-4z"/><path fill="#94989b" d="M36 0L0 6.6l3.3 2l36-6.6z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneCardFileBox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#534741" d="M64 57.3L28 64L6.5 50.6L42.6 44z"/><path fill="#3e4347" d="M42.6 44L6.5 50.7V37.5l36.1-6.7z"/><path fill="#d0d0d0" d="M64 57.4L42.6 44V30.8L64 47.4z"/><path fill="#ed4c5c" d="m46 43.4l-36 6.7V36.8l18-3.3v1.9l18-3.2z"/><path fill="#ff8736" d="m51.4 46.5l-36.1 6.6V39.9l18-3.3v2.3l18.1-3.5z"/><path fill="#83bf4f" d="m56.7 49.9l-36 6.6V43.3l18-3.3v2l18-3.2z"/><path fill="#ffce31" d="m62.1 53.3l-36 6.7V46.7l18-3.3V46l18-3.8z"/><path fill="#d0d0d0" d="M28 64L6.5 50.6V37.4L28 54.1z"/><path fill="#3e4347" d="M64 57.3L28 64v-9.9l36-6.7zM36 26.8L0 33.4V6.6L36 0z"/><path fill="#94989b" d="M36 26.8L0 33.4l6.5 4.1l36.1-6.7z"/><path fill="#d0d0d0" d="m0 6.6l3.3 2l3.2 28.8l-6.5-4zM36 0l3.3 2l3.3 28.8l-6.6-4z"/><path fill="#94989b" d="M36 0L0 6.6l3.3 2l36-6.6z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#534741" d="M64 57.3L28 64L6.5 50.6L42.6 44z"/><path fill="#3e4347" d="M42.6 44L6.5 50.7V37.5l36.1-6.7z"/><path fill="#d0d0d0" d="M64 57.4L42.6 44V30.8L64 47.4z"/><path fill="#ed4c5c" d="m46 43.4l-36 6.7V36.8l18-3.3v1.9l18-3.2z"/><path fill="#ff8736" d="m51.4 46.5l-36.1 6.6V39.9l18-3.3v2.3l18.1-3.5z"/><path fill="#83bf4f" d="m56.7 49.9l-36 6.6V43.3l18-3.3v2l18-3.2z"/><path fill="#ffce31" d="m62.1 53.3l-36 6.7V46.7l18-3.3V46l18-3.8z"/><path fill="#d0d0d0" d="M28 64L6.5 50.6V37.4L28 54.1z"/><path fill="#3e4347" d="M64 57.3L28 64v-9.9l36-6.7zM36 26.8L0 33.4V6.6L36 0z"/><path fill="#94989b" d="M36 26.8L0 33.4l6.5 4.1l36.1-6.7z"/><path fill="#d0d0d0" d="m0 6.6l3.3 2l3.2 28.8l-6.5-4zM36 0l3.3 2l3.3 28.8l-6.6-4z"/><path fill="#94989b" d="M36 0L0 6.6l3.3 2l36-6.6z"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23534741%22%20d%3D%22M64%2057.3L28%2064L6.5%2050.6L42.6%2044z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M42.6%2044L6.5%2050.7V37.5l36.1-6.7z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M64%2057.4L42.6%2044V30.8L64%2047.4z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22m46%2043.4l-36%206.7V36.8l18-3.3v1.9l18-3.2z%22%2F%3E%3Cpath%20fill%3D%22%23ff8736%22%20d%3D%22m51.4%2046.5l-36.1%206.6V39.9l18-3.3v2.3l18.1-3.5z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22m56.7%2049.9l-36%206.6V43.3l18-3.3v2l18-3.2z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22m62.1%2053.3l-36%206.7V46.7l18-3.3V46l18-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M28%2064L6.5%2050.6V37.4L28%2054.1z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M64%2057.3L28%2064v-9.9l36-6.7zM36%2026.8L0%2033.4V6.6L36%200z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M36%2026.8L0%2033.4l6.5%204.1l36.1-6.7z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22m0%206.6l3.3%202l3.2%2028.8l-6.5-4zM36%200l3.3%202l3.3%2028.8l-6.6-4z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M36%200L0%206.6l3.3%202l36-6.6z%22%2F%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23534741%22%20d%3D%22M64%2057.3L28%2064L6.5%2050.6L42.6%2044z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M42.6%2044L6.5%2050.7V37.5l36.1-6.7z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M64%2057.4L42.6%2044V30.8L64%2047.4z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22m46%2043.4l-36%206.7V36.8l18-3.3v1.9l18-3.2z%22%2F%3E%3Cpath%20fill%3D%22%23ff8736%22%20d%3D%22m51.4%2046.5l-36.1%206.6V39.9l18-3.3v2.3l18.1-3.5z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22m56.7%2049.9l-36%206.6V43.3l18-3.3v2l18-3.2z%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22m62.1%2053.3l-36%206.7V46.7l18-3.3V46l18-3.8z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M28%2064L6.5%2050.6V37.4L28%2054.1z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M64%2057.3L28%2064v-9.9l36-6.7zM36%2026.8L0%2033.4V6.6L36%200z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M36%2026.8L0%2033.4l6.5%204.1l36.1-6.7z%22%2F%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22m0%206.6l3.3%202l3.2%2028.8l-6.5-4zM36%200l3.3%202l3.3%2028.8l-6.6-4z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M36%200L0%206.6l3.3%202l36-6.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/card-file-box.svg?color=%231a73e8&size=48
