briefcase icon

briefcase-sharp-fill from Keyline Icons by Keyline Icons · Sharp Fill · MIT Free for personal and commercial use.

Name
briefcase-sharp-fill
Set
Keyline Icons
Style
Sharp Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

briefcasebriefcase-duotonebriefcase-fillbriefcase-sharpbriefcase-sharp-duotonebriefcase-sharp-two-tonebriefcase-two-tone

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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M2 5.5L22 5.5C22.5523 5.5 23 5.9477 23 6.5L23 21C23 21.5523 22.5523 22 22 22L2 22C1.4477 22 1 21.5523 1 21L1 6.5C1 5.9477 1.4477 5.5 2 5.5ZM3 9.8797C4.9116 10.7123 8.3651 11.1875 12 11.1875C15.6349 11.1875 19.0884 10.7123 21 9.8797L21 7.5L3 7.5L3 9.8797ZM8.5 13.0435L8.5 15.5C8.5 16.0523 8.9477 16.5 9.5 16.5L14.5 16.5C15.0523 16.5 15.5 16.0523 15.5 15.5L15.5 13.0435C14.8417 13.0992 14.1716 13.1384 13.5 13.1616L13.5 14.5L10.5 14.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.5L8.25 3L15.75 3L15.75 6.5"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsBriefcaseSharpFill(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" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillRule="evenodd" d="M2 5.5L22 5.5C22.5523 5.5 23 5.9477 23 6.5L23 21C23 21.5523 22.5523 22 22 22L2 22C1.4477 22 1 21.5523 1 21L1 6.5C1 5.9477 1.4477 5.5 2 5.5ZM3 9.8797C4.9116 10.7123 8.3651 11.1875 12 11.1875C15.6349 11.1875 19.0884 10.7123 21 9.8797L21 7.5L3 7.5L3 9.8797ZM8.5 13.0435L8.5 15.5C8.5 16.0523 8.9477 16.5 9.5 16.5L14.5 16.5C15.0523 16.5 15.5 16.0523 15.5 15.5L15.5 13.0435C14.8417 13.0992 14.1716 13.1384 13.5 13.1616L13.5 14.5L10.5 14.5L10.5 13.1616C9.8284 13.1384 9.1583 13.0992 8.5 13.0435Z" clipRule="evenodd" stroke="none"/><path d="M8.25 6.5L8.25 3L15.75 3L15.75 6.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-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M2 5.5L22 5.5C22.5523 5.5 23 5.9477 23 6.5L23 21C23 21.5523 22.5523 22 22 22L2 22C1.4477 22 1 21.5523 1 21L1 6.5C1 5.9477 1.4477 5.5 2 5.5ZM3 9.8797C4.9116 10.7123 8.3651 11.1875 12 11.1875C15.6349 11.1875 19.0884 10.7123 21 9.8797L21 7.5L3 7.5L3 9.8797ZM8.5 13.0435L8.5 15.5C8.5 16.0523 8.9477 16.5 9.5 16.5L14.5 16.5C15.0523 16.5 15.5 16.0523 15.5 15.5L15.5 13.0435C14.8417 13.0992 14.1716 13.1384 13.5 13.1616L13.5 14.5L10.5 14.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.5L8.25 3L15.75 3L15.75 6.5"/></g></svg>
</template>

CSS

.icon-briefcase-sharp-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-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%205.5L22%205.5C22.5523%205.5%2023%205.9477%2023%206.5L23%2021C23%2021.5523%2022.5523%2022%2022%2022L2%2022C1.4477%2022%201%2021.5523%201%2021L1%206.5C1%205.9477%201.4477%205.5%202%205.5ZM3%209.8797C4.9116%2010.7123%208.3651%2011.1875%2012%2011.1875C15.6349%2011.1875%2019.0884%2010.7123%2021%209.8797L21%207.5L3%207.5L3%209.8797ZM8.5%2013.0435L8.5%2015.5C8.5%2016.0523%208.9477%2016.5%209.5%2016.5L14.5%2016.5C15.0523%2016.5%2015.5%2016.0523%2015.5%2015.5L15.5%2013.0435C14.8417%2013.0992%2014.1716%2013.1384%2013.5%2013.1616L13.5%2014.5L10.5%2014.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.5L8.25%203L15.75%203L15.75%206.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-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%205.5L22%205.5C22.5523%205.5%2023%205.9477%2023%206.5L23%2021C23%2021.5523%2022.5523%2022%2022%2022L2%2022C1.4477%2022%201%2021.5523%201%2021L1%206.5C1%205.9477%201.4477%205.5%202%205.5ZM3%209.8797C4.9116%2010.7123%208.3651%2011.1875%2012%2011.1875C15.6349%2011.1875%2019.0884%2010.7123%2021%209.8797L21%207.5L3%207.5L3%209.8797ZM8.5%2013.0435L8.5%2015.5C8.5%2016.0523%208.9477%2016.5%209.5%2016.5L14.5%2016.5C15.0523%2016.5%2015.5%2016.0523%2015.5%2015.5L15.5%2013.0435C14.8417%2013.0992%2014.1716%2013.1384%2013.5%2013.1616L13.5%2014.5L10.5%2014.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.5L8.25%203L15.75%203L15.75%206.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-sharp-fill.svg?color=%231a73e8&size=48