briefcase icon
briefcase-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- briefcase-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon 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 ContrastbriefcaseFirefox OS Emojibriefcasecss.ggbriefcaseHeroIconsbriefcaseHumbleiconsbriefcaseIconParkbriefcaseIconPark Outline
Use the briefcase icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.286 12.548v.997a.28.28 0 0 1-.269.28h-2.054a.29.29 0 0 1-.279-.28v-.997a.4.4 0 0 1 0-.11a.2.2 0 0 1 .07-.09a.27.27 0 0 1 .19-.079h2.083a.27.27 0 0 1 .26.28"/><path fill="currentColor" d="M21.003 6.616a3.3 3.3 0 0 0-2.343-.997h-2.84V4.313a1.73 1.73 0 0 0-.519-1.246a1.76 1.76 0 0 0-1.256-.529H9.946a1.785 1.785 0 0 0-1.774 1.775v1.306H5.34a3.33 3.33 0 0 0-2.343.997A3.26 3.26 0 0 0 2 8.96v1.495a1.75 1.75 0 0 0 .519 1.257c.153.154.336.276.538.359l.329 6.75a2.92 2.92 0 0 0 2.911 2.641h11.336c.737.01 1.45-.26 1.994-.757a3 3 0 0 0 .997-1.925l.33-6.71c.2-.085.382-.206.537-.358A1.8 1.8 0 0 0 22 10.455V8.96a3.3 3.3 0 0 0-.997-2.343M9.667 4.333a.28.28 0 0 1 .09-.19a.25.25 0 0 1 .19-.09h4.077a.25.25 0 0 1 .2.09c.05.05.079.119.08.19v1.306H9.646zm5.125 9.242a.2.2 0 0 1 0 .07a1.755 1.755 0 0 1-1.755 1.705h-2.054a1.765 1.765 0 0 1-1.765-1.705a.2.2 0 0 1 0-.07v-.997q0-.219.06-.429a1.6 1.6 0 0 1 .23-.548q.088-.143.209-.26c.247-.242.558-.408.897-.478q.18-.021.36 0h2.053q.18-.021.359 0c.336.07.644.237.887.479q.12.116.21.26q.09.136.15.288c.091.218.139.452.139.688z"/></svg>
React
import type { SVGProps } from "react";
export function MageBriefcaseFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.286 12.548v.997a.28.28 0 0 1-.269.28h-2.054a.29.29 0 0 1-.279-.28v-.997a.4.4 0 0 1 0-.11a.2.2 0 0 1 .07-.09a.27.27 0 0 1 .19-.079h2.083a.27.27 0 0 1 .26.28"/><path fill="currentColor" d="M21.003 6.616a3.3 3.3 0 0 0-2.343-.997h-2.84V4.313a1.73 1.73 0 0 0-.519-1.246a1.76 1.76 0 0 0-1.256-.529H9.946a1.785 1.785 0 0 0-1.774 1.775v1.306H5.34a3.33 3.33 0 0 0-2.343.997A3.26 3.26 0 0 0 2 8.96v1.495a1.75 1.75 0 0 0 .519 1.257c.153.154.336.276.538.359l.329 6.75a2.92 2.92 0 0 0 2.911 2.641h11.336c.737.01 1.45-.26 1.994-.757a3 3 0 0 0 .997-1.925l.33-6.71c.2-.085.382-.206.537-.358A1.8 1.8 0 0 0 22 10.455V8.96a3.3 3.3 0 0 0-.997-2.343M9.667 4.333a.28.28 0 0 1 .09-.19a.25.25 0 0 1 .19-.09h4.077a.25.25 0 0 1 .2.09c.05.05.079.119.08.19v1.306H9.646zm5.125 9.242a.2.2 0 0 1 0 .07a1.755 1.755 0 0 1-1.755 1.705h-2.054a1.765 1.765 0 0 1-1.765-1.705a.2.2 0 0 1 0-.07v-.997q0-.219.06-.429a1.6 1.6 0 0 1 .23-.548q.088-.143.209-.26c.247-.242.558-.408.897-.478q.18-.021.36 0h2.053q.18-.021.359 0c.336.07.644.237.887.479q.12.116.21.26q.09.136.15.288c.091.218.139.452.139.688z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.286 12.548v.997a.28.28 0 0 1-.269.28h-2.054a.29.29 0 0 1-.279-.28v-.997a.4.4 0 0 1 0-.11a.2.2 0 0 1 .07-.09a.27.27 0 0 1 .19-.079h2.083a.27.27 0 0 1 .26.28"/><path fill="currentColor" d="M21.003 6.616a3.3 3.3 0 0 0-2.343-.997h-2.84V4.313a1.73 1.73 0 0 0-.519-1.246a1.76 1.76 0 0 0-1.256-.529H9.946a1.785 1.785 0 0 0-1.774 1.775v1.306H5.34a3.33 3.33 0 0 0-2.343.997A3.26 3.26 0 0 0 2 8.96v1.495a1.75 1.75 0 0 0 .519 1.257c.153.154.336.276.538.359l.329 6.75a2.92 2.92 0 0 0 2.911 2.641h11.336c.737.01 1.45-.26 1.994-.757a3 3 0 0 0 .997-1.925l.33-6.71c.2-.085.382-.206.537-.358A1.8 1.8 0 0 0 22 10.455V8.96a3.3 3.3 0 0 0-.997-2.343M9.667 4.333a.28.28 0 0 1 .09-.19a.25.25 0 0 1 .19-.09h4.077a.25.25 0 0 1 .2.09c.05.05.079.119.08.19v1.306H9.646zm5.125 9.242a.2.2 0 0 1 0 .07a1.755 1.755 0 0 1-1.755 1.705h-2.054a1.765 1.765 0 0 1-1.765-1.705a.2.2 0 0 1 0-.07v-.997q0-.219.06-.429a1.6 1.6 0 0 1 .23-.548q.088-.143.209-.26c.247-.242.558-.408.897-.478q.18-.021.36 0h2.053q.18-.021.359 0c.336.07.644.237.887.479q.12.116.21.26q.09.136.15.288c.091.218.139.452.139.688z"/></svg> </template>
CSS
.icon-briefcase-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.286%2012.548v.997a.28.28%200%200%201-.269.28h-2.054a.29.29%200%200%201-.279-.28v-.997a.4.4%200%200%201%200-.11a.2.2%200%200%201%20.07-.09a.27.27%200%200%201%20.19-.079h2.083a.27.27%200%200%201%20.26.28%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.003%206.616a3.3%203.3%200%200%200-2.343-.997h-2.84V4.313a1.73%201.73%200%200%200-.519-1.246a1.76%201.76%200%200%200-1.256-.529H9.946a1.785%201.785%200%200%200-1.774%201.775v1.306H5.34a3.33%203.33%200%200%200-2.343.997A3.26%203.26%200%200%200%202%208.96v1.495a1.75%201.75%200%200%200%20.519%201.257c.153.154.336.276.538.359l.329%206.75a2.92%202.92%200%200%200%202.911%202.641h11.336c.737.01%201.45-.26%201.994-.757a3%203%200%200%200%20.997-1.925l.33-6.71c.2-.085.382-.206.537-.358A1.8%201.8%200%200%200%2022%2010.455V8.96a3.3%203.3%200%200%200-.997-2.343M9.667%204.333a.28.28%200%200%201%20.09-.19a.25.25%200%200%201%20.19-.09h4.077a.25.25%200%200%201%20.2.09c.05.05.079.119.08.19v1.306H9.646zm5.125%209.242a.2.2%200%200%201%200%20.07a1.755%201.755%200%200%201-1.755%201.705h-2.054a1.765%201.765%200%200%201-1.765-1.705a.2.2%200%200%201%200-.07v-.997q0-.219.06-.429a1.6%201.6%200%200%201%20.23-.548q.088-.143.209-.26c.247-.242.558-.408.897-.478q.18-.021.36%200h2.053q.18-.021.359%200c.336.07.644.237.887.479q.12.116.21.26q.09.136.15.288c.091.218.139.452.139.688z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.286%2012.548v.997a.28.28%200%200%201-.269.28h-2.054a.29.29%200%200%201-.279-.28v-.997a.4.4%200%200%201%200-.11a.2.2%200%200%201%20.07-.09a.27.27%200%200%201%20.19-.079h2.083a.27.27%200%200%201%20.26.28%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.003%206.616a3.3%203.3%200%200%200-2.343-.997h-2.84V4.313a1.73%201.73%200%200%200-.519-1.246a1.76%201.76%200%200%200-1.256-.529H9.946a1.785%201.785%200%200%200-1.774%201.775v1.306H5.34a3.33%203.33%200%200%200-2.343.997A3.26%203.26%200%200%200%202%208.96v1.495a1.75%201.75%200%200%200%20.519%201.257c.153.154.336.276.538.359l.329%206.75a2.92%202.92%200%200%200%202.911%202.641h11.336c.737.01%201.45-.26%201.994-.757a3%203%200%200%200%20.997-1.925l.33-6.71c.2-.085.382-.206.537-.358A1.8%201.8%200%200%200%2022%2010.455V8.96a3.3%203.3%200%200%200-.997-2.343M9.667%204.333a.28.28%200%200%201%20.09-.19a.25.25%200%200%201%20.19-.09h4.077a.25.25%200%200%201%20.2.09c.05.05.079.119.08.19v1.306H9.646zm5.125%209.242a.2.2%200%200%201%200%20.07a1.755%201.755%200%200%201-1.755%201.705h-2.054a1.765%201.765%200%200%201-1.765-1.705a.2.2%200%200%201%200-.07v-.997q0-.219.06-.429a1.6%201.6%200%200%201%20.23-.548q.088-.143.209-.26c.247-.242.558-.408.897-.478q.18-.021.36%200h2.053q.18-.021.359%200c.336.07.644.237.887.479q.12.116.21.26q.09.136.15.288c.091.218.139.452.139.688z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/briefcase-fill.svg?color=%231a73e8&size=48
