briefcase icon
briefcase-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- briefcase-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline 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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M5 5.5L19 5.5C21.2091 5.5 23 7.2909 23 9.5L23 18C23 20.2091 21.2091 22 19 22L5 22C2.7909 22 1 20.2091 1 18L1 9.5C1 7.2909 2.7909 5.5 5 5.5ZM3.3003 10.0027C5.2599 10.7589 8.5481 11.1875 12 11.1875C15.4519 11.1875 18.7401 10.7589 20.7025 10.0092C20.8834 9.9291 21 9.7499 21 9.5521L21 9.5C21 8.3954 20.1046 7.5 19 7.5L5 7.5C3.8954 7.5 3 8.3954 3 9.5L3 9.5521C3 9.7499 3.1166 9.9291 3.3003 10.0027ZM8.5 13.0435L8.5 13.5C8.5 15.1569 9.8431 16.5 11.5 16.5L12.5 16.5C14.1569 16.5 15.5 15.1569 15.5 13.5L15.5 13.0435C14.8417 13.0992 14.1716 13.1384 13.5 13.1616L13.5 13.5C13.5 14.0523 13.0523 14.5 12.5 14.5L11.5 14.5C10.9477 14.5 10.5 14.0523 10.5 13.5L10.5 13.1616C9.8284 13.1384 9.1583 13.0992 8.5 13.0435Z" clip-rule="evenodd" stroke="none"/><path d="M8.25 6.5V6C8.25 4.3431 9.5931 3 11.25 3H12.75C14.4069 3 15.75 4.3431 15.75 6V6.5"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsBriefcaseFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillRule="evenodd" d="M5 5.5L19 5.5C21.2091 5.5 23 7.2909 23 9.5L23 18C23 20.2091 21.2091 22 19 22L5 22C2.7909 22 1 20.2091 1 18L1 9.5C1 7.2909 2.7909 5.5 5 5.5ZM3.3003 10.0027C5.2599 10.7589 8.5481 11.1875 12 11.1875C15.4519 11.1875 18.7401 10.7589 20.7025 10.0092C20.8834 9.9291 21 9.7499 21 9.5521L21 9.5C21 8.3954 20.1046 7.5 19 7.5L5 7.5C3.8954 7.5 3 8.3954 3 9.5L3 9.5521C3 9.7499 3.1166 9.9291 3.3003 10.0027ZM8.5 13.0435L8.5 13.5C8.5 15.1569 9.8431 16.5 11.5 16.5L12.5 16.5C14.1569 16.5 15.5 15.1569 15.5 13.5L15.5 13.0435C14.8417 13.0992 14.1716 13.1384 13.5 13.1616L13.5 13.5C13.5 14.0523 13.0523 14.5 12.5 14.5L11.5 14.5C10.9477 14.5 10.5 14.0523 10.5 13.5L10.5 13.1616C9.8284 13.1384 9.1583 13.0992 8.5 13.0435Z" clipRule="evenodd" stroke="none"/><path d="M8.25 6.5V6C8.25 4.3431 9.5931 3 11.25 3H12.75C14.4069 3 15.75 4.3431 15.75 6V6.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M5 5.5L19 5.5C21.2091 5.5 23 7.2909 23 9.5L23 18C23 20.2091 21.2091 22 19 22L5 22C2.7909 22 1 20.2091 1 18L1 9.5C1 7.2909 2.7909 5.5 5 5.5ZM3.3003 10.0027C5.2599 10.7589 8.5481 11.1875 12 11.1875C15.4519 11.1875 18.7401 10.7589 20.7025 10.0092C20.8834 9.9291 21 9.7499 21 9.5521L21 9.5C21 8.3954 20.1046 7.5 19 7.5L5 7.5C3.8954 7.5 3 8.3954 3 9.5L3 9.5521C3 9.7499 3.1166 9.9291 3.3003 10.0027ZM8.5 13.0435L8.5 13.5C8.5 15.1569 9.8431 16.5 11.5 16.5L12.5 16.5C14.1569 16.5 15.5 15.1569 15.5 13.5L15.5 13.0435C14.8417 13.0992 14.1716 13.1384 13.5 13.1616L13.5 13.5C13.5 14.0523 13.0523 14.5 12.5 14.5L11.5 14.5C10.9477 14.5 10.5 14.0523 10.5 13.5L10.5 13.1616C9.8284 13.1384 9.1583 13.0992 8.5 13.0435Z" clip-rule="evenodd" stroke="none"/><path d="M8.25 6.5V6C8.25 4.3431 9.5931 3 11.25 3H12.75C14.4069 3 15.75 4.3431 15.75 6V6.5"/></g></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5%205.5L19%205.5C21.2091%205.5%2023%207.2909%2023%209.5L23%2018C23%2020.2091%2021.2091%2022%2019%2022L5%2022C2.7909%2022%201%2020.2091%201%2018L1%209.5C1%207.2909%202.7909%205.5%205%205.5ZM3.3003%2010.0027C5.2599%2010.7589%208.5481%2011.1875%2012%2011.1875C15.4519%2011.1875%2018.7401%2010.7589%2020.7025%2010.0092C20.8834%209.9291%2021%209.7499%2021%209.5521L21%209.5C21%208.3954%2020.1046%207.5%2019%207.5L5%207.5C3.8954%207.5%203%208.3954%203%209.5L3%209.5521C3%209.7499%203.1166%209.9291%203.3003%2010.0027ZM8.5%2013.0435L8.5%2013.5C8.5%2015.1569%209.8431%2016.5%2011.5%2016.5L12.5%2016.5C14.1569%2016.5%2015.5%2015.1569%2015.5%2013.5L15.5%2013.0435C14.8417%2013.0992%2014.1716%2013.1384%2013.5%2013.1616L13.5%2013.5C13.5%2014.0523%2013.0523%2014.5%2012.5%2014.5L11.5%2014.5C10.9477%2014.5%2010.5%2014.0523%2010.5%2013.5L10.5%2013.1616C9.8284%2013.1384%209.1583%2013.0992%208.5%2013.0435Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8.25%206.5V6C8.25%204.3431%209.5931%203%2011.25%203H12.75C14.4069%203%2015.75%204.3431%2015.75%206V6.5%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5%205.5L19%205.5C21.2091%205.5%2023%207.2909%2023%209.5L23%2018C23%2020.2091%2021.2091%2022%2019%2022L5%2022C2.7909%2022%201%2020.2091%201%2018L1%209.5C1%207.2909%202.7909%205.5%205%205.5ZM3.3003%2010.0027C5.2599%2010.7589%208.5481%2011.1875%2012%2011.1875C15.4519%2011.1875%2018.7401%2010.7589%2020.7025%2010.0092C20.8834%209.9291%2021%209.7499%2021%209.5521L21%209.5C21%208.3954%2020.1046%207.5%2019%207.5L5%207.5C3.8954%207.5%203%208.3954%203%209.5L3%209.5521C3%209.7499%203.1166%209.9291%203.3003%2010.0027ZM8.5%2013.0435L8.5%2013.5C8.5%2015.1569%209.8431%2016.5%2011.5%2016.5L12.5%2016.5C14.1569%2016.5%2015.5%2015.1569%2015.5%2013.5L15.5%2013.0435C14.8417%2013.0992%2014.1716%2013.1384%2013.5%2013.1616L13.5%2013.5C13.5%2014.0523%2013.0523%2014.5%2012.5%2014.5L11.5%2014.5C10.9477%2014.5%2010.5%2014.0523%2010.5%2013.5L10.5%2013.1616C9.8284%2013.1384%209.1583%2013.0992%208.5%2013.0435Z%22%20clip-rule%3D%22evenodd%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8.25%206.5V6C8.25%204.3431%209.5931%203%2011.25%203H12.75C14.4069%203%2015.75%204.3431%2015.75%206V6.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/briefcase-fill.svg?color=%231a73e8&size=48
