cardfilebox emoji
cardfilebox from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- cardfilebox
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the cardfilebox emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#C6965C" d="M485.516 321.303H81.787a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.733 7.733 0 0 1-7.733 7.733"/><path fill="#EAC083" d="M457.864 321.303H54.136a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.734 7.734 0 0 1-7.734 7.733"/><path fill="#8E6049" d="M501.054 212.651h-93.177v220.458h93.177c5.965 0 10.8-4.835 10.8-10.8V223.451c0-5.965-4.835-10.8-10.8-10.8"/><path fill="#F9E7C0" d="M430.213 321.303H26.484a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.733 7.733 0 0 1-7.733 7.733"/><path fill="#597B91" d="M401.872 188.5H55a5.5 5.5 0 1 1 0-11h346.872a5.5 5.5 0 0 1 0 11m-117.326 34.583a5.5 5.5 0 0 0-5.5-5.5H55a5.5 5.5 0 1 0 0 11h224.046a5.5 5.5 0 0 0 5.5-5.5m99.954 40.083a5.5 5.5 0 0 0-5.5-5.5H252.998a5.5 5.5 0 0 0 0 11H379a5.5 5.5 0 0 0 5.5-5.5m-165.511 0a5.5 5.5 0 0 0-5.5-5.5H55a5.5 5.5 0 0 0 0 11h158.489a5.5 5.5 0 0 0 5.5-5.5"/><path fill="#AF773F" d="m320.962 217.97l-41.461 57.267a10.8 10.8 0 0 1-8.748 4.467h-82.211a10.8 10.8 0 0 1-8.748-4.467l-41.461-57.267a12.86 12.86 0 0 0-10.418-5.319l-115.053.054C5.758 212.705 0 218.463 0 225.567v196.742c0 5.965 4.835 10.8 10.8 10.8h435.574c5.965 0 10.8-4.835 10.8-10.8V225.567c0-7.103-5.758-12.862-12.862-12.862l-112.933-.054a12.86 12.86 0 0 0-10.417 5.319"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiCardfilebox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#C6965C" d="M485.516 321.303H81.787a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.733 7.733 0 0 1-7.733 7.733"/><path fill="#EAC083" d="M457.864 321.303H54.136a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.734 7.734 0 0 1-7.734 7.733"/><path fill="#8E6049" d="M501.054 212.651h-93.177v220.458h93.177c5.965 0 10.8-4.835 10.8-10.8V223.451c0-5.965-4.835-10.8-10.8-10.8"/><path fill="#F9E7C0" d="M430.213 321.303H26.484a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.733 7.733 0 0 1-7.733 7.733"/><path fill="#597B91" d="M401.872 188.5H55a5.5 5.5 0 1 1 0-11h346.872a5.5 5.5 0 0 1 0 11m-117.326 34.583a5.5 5.5 0 0 0-5.5-5.5H55a5.5 5.5 0 1 0 0 11h224.046a5.5 5.5 0 0 0 5.5-5.5m99.954 40.083a5.5 5.5 0 0 0-5.5-5.5H252.998a5.5 5.5 0 0 0 0 11H379a5.5 5.5 0 0 0 5.5-5.5m-165.511 0a5.5 5.5 0 0 0-5.5-5.5H55a5.5 5.5 0 0 0 0 11h158.489a5.5 5.5 0 0 0 5.5-5.5"/><path fill="#AF773F" d="m320.962 217.97l-41.461 57.267a10.8 10.8 0 0 1-8.748 4.467h-82.211a10.8 10.8 0 0 1-8.748-4.467l-41.461-57.267a12.86 12.86 0 0 0-10.418-5.319l-115.053.054C5.758 212.705 0 218.463 0 225.567v196.742c0 5.965 4.835 10.8 10.8 10.8h435.574c5.965 0 10.8-4.835 10.8-10.8V225.567c0-7.103-5.758-12.862-12.862-12.862l-112.933-.054a12.86 12.86 0 0 0-10.417 5.319"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#C6965C" d="M485.516 321.303H81.787a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.733 7.733 0 0 1-7.733 7.733"/><path fill="#EAC083" d="M457.864 321.303H54.136a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.734 7.734 0 0 1-7.734 7.733"/><path fill="#8E6049" d="M501.054 212.651h-93.177v220.458h93.177c5.965 0 10.8-4.835 10.8-10.8V223.451c0-5.965-4.835-10.8-10.8-10.8"/><path fill="#F9E7C0" d="M430.213 321.303H26.484a7.733 7.733 0 0 1-7.733-7.733V152.612a7.733 7.733 0 0 1 7.733-7.733h403.729a7.733 7.733 0 0 1 7.733 7.733V313.57a7.733 7.733 0 0 1-7.733 7.733"/><path fill="#597B91" d="M401.872 188.5H55a5.5 5.5 0 1 1 0-11h346.872a5.5 5.5 0 0 1 0 11m-117.326 34.583a5.5 5.5 0 0 0-5.5-5.5H55a5.5 5.5 0 1 0 0 11h224.046a5.5 5.5 0 0 0 5.5-5.5m99.954 40.083a5.5 5.5 0 0 0-5.5-5.5H252.998a5.5 5.5 0 0 0 0 11H379a5.5 5.5 0 0 0 5.5-5.5m-165.511 0a5.5 5.5 0 0 0-5.5-5.5H55a5.5 5.5 0 0 0 0 11h158.489a5.5 5.5 0 0 0 5.5-5.5"/><path fill="#AF773F" d="m320.962 217.97l-41.461 57.267a10.8 10.8 0 0 1-8.748 4.467h-82.211a10.8 10.8 0 0 1-8.748-4.467l-41.461-57.267a12.86 12.86 0 0 0-10.418-5.319l-115.053.054C5.758 212.705 0 218.463 0 225.567v196.742c0 5.965 4.835 10.8 10.8 10.8h435.574c5.965 0 10.8-4.835 10.8-10.8V225.567c0-7.103-5.758-12.862-12.862-12.862l-112.933-.054a12.86 12.86 0 0 0-10.417 5.319"/></svg> </template>
CSS
.icon-cardfilebox {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%23C6965C%22%20d%3D%22M485.516%20321.303H81.787a7.733%207.733%200%200%201-7.733-7.733V152.612a7.733%207.733%200%200%201%207.733-7.733h403.729a7.733%207.733%200%200%201%207.733%207.733V313.57a7.733%207.733%200%200%201-7.733%207.733%22%2F%3E%3Cpath%20fill%3D%22%23EAC083%22%20d%3D%22M457.864%20321.303H54.136a7.733%207.733%200%200%201-7.733-7.733V152.612a7.733%207.733%200%200%201%207.733-7.733h403.729a7.733%207.733%200%200%201%207.733%207.733V313.57a7.734%207.734%200%200%201-7.734%207.733%22%2F%3E%3Cpath%20fill%3D%22%238E6049%22%20d%3D%22M501.054%20212.651h-93.177v220.458h93.177c5.965%200%2010.8-4.835%2010.8-10.8V223.451c0-5.965-4.835-10.8-10.8-10.8%22%2F%3E%3Cpath%20fill%3D%22%23F9E7C0%22%20d%3D%22M430.213%20321.303H26.484a7.733%207.733%200%200%201-7.733-7.733V152.612a7.733%207.733%200%200%201%207.733-7.733h403.729a7.733%207.733%200%200%201%207.733%207.733V313.57a7.733%207.733%200%200%201-7.733%207.733%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M401.872%20188.5H55a5.5%205.5%200%201%201%200-11h346.872a5.5%205.5%200%200%201%200%2011m-117.326%2034.583a5.5%205.5%200%200%200-5.5-5.5H55a5.5%205.5%200%201%200%200%2011h224.046a5.5%205.5%200%200%200%205.5-5.5m99.954%2040.083a5.5%205.5%200%200%200-5.5-5.5H252.998a5.5%205.5%200%200%200%200%2011H379a5.5%205.5%200%200%200%205.5-5.5m-165.511%200a5.5%205.5%200%200%200-5.5-5.5H55a5.5%205.5%200%200%200%200%2011h158.489a5.5%205.5%200%200%200%205.5-5.5%22%2F%3E%3Cpath%20fill%3D%22%23AF773F%22%20d%3D%22m320.962%20217.97l-41.461%2057.267a10.8%2010.8%200%200%201-8.748%204.467h-82.211a10.8%2010.8%200%200%201-8.748-4.467l-41.461-57.267a12.86%2012.86%200%200%200-10.418-5.319l-115.053.054C5.758%20212.705%200%20218.463%200%20225.567v196.742c0%205.965%204.835%2010.8%2010.8%2010.8h435.574c5.965%200%2010.8-4.835%2010.8-10.8V225.567c0-7.103-5.758-12.862-12.862-12.862l-112.933-.054a12.86%2012.86%200%200%200-10.417%205.319%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23C6965C%22%20d%3D%22M485.516%20321.303H81.787a7.733%207.733%200%200%201-7.733-7.733V152.612a7.733%207.733%200%200%201%207.733-7.733h403.729a7.733%207.733%200%200%201%207.733%207.733V313.57a7.733%207.733%200%200%201-7.733%207.733%22%2F%3E%3Cpath%20fill%3D%22%23EAC083%22%20d%3D%22M457.864%20321.303H54.136a7.733%207.733%200%200%201-7.733-7.733V152.612a7.733%207.733%200%200%201%207.733-7.733h403.729a7.733%207.733%200%200%201%207.733%207.733V313.57a7.734%207.734%200%200%201-7.734%207.733%22%2F%3E%3Cpath%20fill%3D%22%238E6049%22%20d%3D%22M501.054%20212.651h-93.177v220.458h93.177c5.965%200%2010.8-4.835%2010.8-10.8V223.451c0-5.965-4.835-10.8-10.8-10.8%22%2F%3E%3Cpath%20fill%3D%22%23F9E7C0%22%20d%3D%22M430.213%20321.303H26.484a7.733%207.733%200%200%201-7.733-7.733V152.612a7.733%207.733%200%200%201%207.733-7.733h403.729a7.733%207.733%200%200%201%207.733%207.733V313.57a7.733%207.733%200%200%201-7.733%207.733%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M401.872%20188.5H55a5.5%205.5%200%201%201%200-11h346.872a5.5%205.5%200%200%201%200%2011m-117.326%2034.583a5.5%205.5%200%200%200-5.5-5.5H55a5.5%205.5%200%201%200%200%2011h224.046a5.5%205.5%200%200%200%205.5-5.5m99.954%2040.083a5.5%205.5%200%200%200-5.5-5.5H252.998a5.5%205.5%200%200%200%200%2011H379a5.5%205.5%200%200%200%205.5-5.5m-165.511%200a5.5%205.5%200%200%200-5.5-5.5H55a5.5%205.5%200%200%200%200%2011h158.489a5.5%205.5%200%200%200%205.5-5.5%22%2F%3E%3Cpath%20fill%3D%22%23AF773F%22%20d%3D%22m320.962%20217.97l-41.461%2057.267a10.8%2010.8%200%200%201-8.748%204.467h-82.211a10.8%2010.8%200%200%201-8.748-4.467l-41.461-57.267a12.86%2012.86%200%200%200-10.418-5.319l-115.053.054C5.758%20212.705%200%20218.463%200%20225.567v196.742c0%205.965%204.835%2010.8%2010.8%2010.8h435.574c5.965%200%2010.8-4.835%2010.8-10.8V225.567c0-7.103-5.758-12.862-12.862-12.862l-112.933-.054a12.86%2012.86%200%200%200-10.417%205.319%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/cardfilebox.svg?color=%231a73e8&size=48
