briefcase emoji
briefcase from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.
- Name
- briefcase
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- People
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
briefcaseAkar IconsbriefcaseBootstrap IconsbriefcaseBoxIcons v2briefcaseBoxIcons v2 SolidbriefcaseCodiconsbriefcaseEmoji One (Colored)briefcaseElement Plusbriefcase-fillEva IconsbriefcaseFramework7 IconsbriefcaseFont Awesome 6 SolidbriefcaseFont Awesome SolidbriefcaseFeather Iconsbriefcase-outlineFlowbite Iconsbriefcase-12-filledFluent UI System Iconsbriefcase-16Fluent UI System Color IconsbriefcaseFluent EmojibriefcaseFluent Emoji FlatbriefcaseFluent Emoji High Contrastbriefcasecss.ggbriefcaseHeroIconsbriefcaseHumbleiconsbriefcaseIconParkbriefcaseIconPark OutlinebriefcaseIconPark Solid
More people icons from Firefox OS Emoji
Use the briefcase emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M32 100.6h432.3c17.7 0 32 14.3 32 32v310.8c0 17.7-14.3 32-32 32H48c-17.7 0-32-14.3-32-32V132.6c0-17.7-1.7-32 16-32"/><path fill="#2B3B47" d="M480.3 100.6H336.2v-25c0-17.7-14.3-32-32-32h-96.1c-17.7 0-32 14.3-32 32v24.9H32c-17.7 0-32 14.3-32 32v118.7c0 17.7 14.3 32 32 32h448.3c17.7 0 32-14.3 32-32V132.6c.1-17.7-14.3-32-32-32m-272.2-8.9c0-8.8 7.2-16 16-16h64c8.9 0 16 7.2 16 16v8.9H208v-8.9z"/><path fill="#FFD469" d="M96.1 384.5c0 1.9.4 3.8 1.1 5.5c3.3 7.7 13.4 29.3 23.4 29.3c9.8 0 19.4-21.8 22.5-29.4c.7-1.7 1-3.5 1-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.8 0-14.2 6.4-14.2 14.2zm272.2-277.7v277.8c0 1.9.4 3.8 1.1 5.5c3.3 7.7 13.4 29.3 23.4 29.3c9.8 0 19.4-21.8 22.5-29.4c.7-1.7 1-3.5 1-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.9-.1-14.2 6.3-14.2 14.2"/><path fill="#EDECE6" d="M95.8 363.3h48.6c8.7 0 15.7-7 15.7-15.7V331c0-8.7-7-15.7-15.7-15.7H95.8c-8.7 0-15.7 7-15.7 15.7v16.6c0 8.7 7 15.7 15.7 15.7M352.3 331v16.6c0 8.7 7 15.7 15.7 15.7h48.6c8.7 0 15.7-7 15.7-15.7V331c0-8.7-7-15.7-15.7-15.7H368c-8.7 0-15.7 7-15.7 15.7"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiBriefcase(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M32 100.6h432.3c17.7 0 32 14.3 32 32v310.8c0 17.7-14.3 32-32 32H48c-17.7 0-32-14.3-32-32V132.6c0-17.7-1.7-32 16-32"/><path fill="#2B3B47" d="M480.3 100.6H336.2v-25c0-17.7-14.3-32-32-32h-96.1c-17.7 0-32 14.3-32 32v24.9H32c-17.7 0-32 14.3-32 32v118.7c0 17.7 14.3 32 32 32h448.3c17.7 0 32-14.3 32-32V132.6c.1-17.7-14.3-32-32-32m-272.2-8.9c0-8.8 7.2-16 16-16h64c8.9 0 16 7.2 16 16v8.9H208v-8.9z"/><path fill="#FFD469" d="M96.1 384.5c0 1.9.4 3.8 1.1 5.5c3.3 7.7 13.4 29.3 23.4 29.3c9.8 0 19.4-21.8 22.5-29.4c.7-1.7 1-3.5 1-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.8 0-14.2 6.4-14.2 14.2zm272.2-277.7v277.8c0 1.9.4 3.8 1.1 5.5c3.3 7.7 13.4 29.3 23.4 29.3c9.8 0 19.4-21.8 22.5-29.4c.7-1.7 1-3.5 1-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.9-.1-14.2 6.3-14.2 14.2"/><path fill="#EDECE6" d="M95.8 363.3h48.6c8.7 0 15.7-7 15.7-15.7V331c0-8.7-7-15.7-15.7-15.7H95.8c-8.7 0-15.7 7-15.7 15.7v16.6c0 8.7 7 15.7 15.7 15.7M352.3 331v16.6c0 8.7 7 15.7 15.7 15.7h48.6c8.7 0 15.7-7 15.7-15.7V331c0-8.7-7-15.7-15.7-15.7H368c-8.7 0-15.7 7-15.7 15.7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M32 100.6h432.3c17.7 0 32 14.3 32 32v310.8c0 17.7-14.3 32-32 32H48c-17.7 0-32-14.3-32-32V132.6c0-17.7-1.7-32 16-32"/><path fill="#2B3B47" d="M480.3 100.6H336.2v-25c0-17.7-14.3-32-32-32h-96.1c-17.7 0-32 14.3-32 32v24.9H32c-17.7 0-32 14.3-32 32v118.7c0 17.7 14.3 32 32 32h448.3c17.7 0 32-14.3 32-32V132.6c.1-17.7-14.3-32-32-32m-272.2-8.9c0-8.8 7.2-16 16-16h64c8.9 0 16 7.2 16 16v8.9H208v-8.9z"/><path fill="#FFD469" d="M96.1 384.5c0 1.9.4 3.8 1.1 5.5c3.3 7.7 13.4 29.3 23.4 29.3c9.8 0 19.4-21.8 22.5-29.4c.7-1.7 1-3.5 1-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.8 0-14.2 6.4-14.2 14.2zm272.2-277.7v277.8c0 1.9.4 3.8 1.1 5.5c3.3 7.7 13.4 29.3 23.4 29.3c9.8 0 19.4-21.8 22.5-29.4c.7-1.7 1-3.5 1-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.9-.1-14.2 6.3-14.2 14.2"/><path fill="#EDECE6" d="M95.8 363.3h48.6c8.7 0 15.7-7 15.7-15.7V331c0-8.7-7-15.7-15.7-15.7H95.8c-8.7 0-15.7 7-15.7 15.7v16.6c0 8.7 7 15.7 15.7 15.7M352.3 331v16.6c0 8.7 7 15.7 15.7 15.7h48.6c8.7 0 15.7-7 15.7-15.7V331c0-8.7-7-15.7-15.7-15.7H368c-8.7 0-15.7 7-15.7 15.7"/></svg> </template>
CSS
.icon-briefcase {
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%23597B91%22%20d%3D%22M32%20100.6h432.3c17.7%200%2032%2014.3%2032%2032v310.8c0%2017.7-14.3%2032-32%2032H48c-17.7%200-32-14.3-32-32V132.6c0-17.7-1.7-32%2016-32%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M480.3%20100.6H336.2v-25c0-17.7-14.3-32-32-32h-96.1c-17.7%200-32%2014.3-32%2032v24.9H32c-17.7%200-32%2014.3-32%2032v118.7c0%2017.7%2014.3%2032%2032%2032h448.3c17.7%200%2032-14.3%2032-32V132.6c.1-17.7-14.3-32-32-32m-272.2-8.9c0-8.8%207.2-16%2016-16h64c8.9%200%2016%207.2%2016%2016v8.9H208v-8.9z%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M96.1%20384.5c0%201.9.4%203.8%201.1%205.5c3.3%207.7%2013.4%2029.3%2023.4%2029.3c9.8%200%2019.4-21.8%2022.5-29.4c.7-1.7%201-3.5%201-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.8%200-14.2%206.4-14.2%2014.2zm272.2-277.7v277.8c0%201.9.4%203.8%201.1%205.5c3.3%207.7%2013.4%2029.3%2023.4%2029.3c9.8%200%2019.4-21.8%2022.5-29.4c.7-1.7%201-3.5%201-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.9-.1-14.2%206.3-14.2%2014.2%22%2F%3E%3Cpath%20fill%3D%22%23EDECE6%22%20d%3D%22M95.8%20363.3h48.6c8.7%200%2015.7-7%2015.7-15.7V331c0-8.7-7-15.7-15.7-15.7H95.8c-8.7%200-15.7%207-15.7%2015.7v16.6c0%208.7%207%2015.7%2015.7%2015.7M352.3%20331v16.6c0%208.7%207%2015.7%2015.7%2015.7h48.6c8.7%200%2015.7-7%2015.7-15.7V331c0-8.7-7-15.7-15.7-15.7H368c-8.7%200-15.7%207-15.7%2015.7%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%23597B91%22%20d%3D%22M32%20100.6h432.3c17.7%200%2032%2014.3%2032%2032v310.8c0%2017.7-14.3%2032-32%2032H48c-17.7%200-32-14.3-32-32V132.6c0-17.7-1.7-32%2016-32%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M480.3%20100.6H336.2v-25c0-17.7-14.3-32-32-32h-96.1c-17.7%200-32%2014.3-32%2032v24.9H32c-17.7%200-32%2014.3-32%2032v118.7c0%2017.7%2014.3%2032%2032%2032h448.3c17.7%200%2032-14.3%2032-32V132.6c.1-17.7-14.3-32-32-32m-272.2-8.9c0-8.8%207.2-16%2016-16h64c8.9%200%2016%207.2%2016%2016v8.9H208v-8.9z%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M96.1%20384.5c0%201.9.4%203.8%201.1%205.5c3.3%207.7%2013.4%2029.3%2023.4%2029.3c9.8%200%2019.4-21.8%2022.5-29.4c.7-1.7%201-3.5%201-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.8%200-14.2%206.4-14.2%2014.2zm272.2-277.7v277.8c0%201.9.4%203.8%201.1%205.5c3.3%207.7%2013.4%2029.3%2023.4%2029.3c9.8%200%2019.4-21.8%2022.5-29.4c.7-1.7%201-3.5%201-5.3V106.8c0-7.8-6.4-14.2-14.2-14.2h-19.6c-7.9-.1-14.2%206.3-14.2%2014.2%22%2F%3E%3Cpath%20fill%3D%22%23EDECE6%22%20d%3D%22M95.8%20363.3h48.6c8.7%200%2015.7-7%2015.7-15.7V331c0-8.7-7-15.7-15.7-15.7H95.8c-8.7%200-15.7%207-15.7%2015.7v16.6c0%208.7%207%2015.7%2015.7%2015.7M352.3%20331v16.6c0%208.7%207%2015.7%2015.7%2015.7h48.6c8.7%200%2015.7-7%2015.7-15.7V331c0-8.7-7-15.7-15.7-15.7H368c-8.7%200-15.7%207-15.7%2015.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/briefcase.svg?color=%231a73e8&size=48
