Color

Advanced editing in SVG Editor

VS Code Codicons

Briefcase Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Download SVG

Collection: VS Code Codicons
Format: SVG, Font (WOFF2), npm, PNG
License: CC BY 4.0 - Free for commercial use
Tags: briefcase

The Briefcase icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/307014.svg" alt="Briefcase icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/307014.svg" alt="Briefcase icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/307014.svg"
  alt="Briefcase icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-briefcase {
  background-image: url('https://proicons.com/icon/307014.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M5 4V2.5C5 1.67157 5.67157 1 6.5 1H9.5C10.3284 1 11 1.67157 11 2.5V4H13C14.1046 4 15 4.89543 15 6V13C15 14.1046 14.1046 15 13 15H3C1.89543 15 1 14.1046 1 13V6C1 4.89543 1.89543 4 3 4H5ZM6 2.5V4H10V2.5C10 2.22386 9.77614 2 9.5 2H6.5C6.22386 2 6 2.22386 6 2.5ZM2 9.50018V13C2 13.5523 2.44772 14 3 14H13C13.5523 14 14 13.5523 14 13V9.50018C13.5822 9.81403 13.0628 10 12.5 10H9V10.5C9 10.7761 8.77614 11 8.5 11H7.5C7.22386 11 7 10.7761 7 10.5V10H3.5C2.9372 10 2.41783 9.81403 2 9.50018ZM7 9V8.5C7 8.22386 7.22386 8 7.5 8H8.5C8.77614 8 9 8.22386 9 8.5V9H12.5C13.3284 9 14 8.32843 14 7.5V6C14 5.44772 13.5523 5 13 5H3C2.44772 5 2 5.44772 2 6V7.5C2 8.32843 2.67157 9 3.5 9H7Z"/></svg>

Briefcase in other icon packs

Feather Icons

Bootstrap Icons

Copied!

Briefcase Icon

More from VS Code Codicons

Briefcase in other icon packs