briefcase icon
briefcase from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- briefcase
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- briefcase-solid
The same icon in other sets
briefcaseAkar IconsbriefcaseBootstrap IconsbriefcaseBoxIcons v2briefcaseBoxIcons v2 SolidbriefcaseEmoji One (Colored)briefcase-fillEva IconsbriefcaseFramework7 IconsbriefcaseFont Awesome 6 SolidbriefcaseFeather Iconsbriefcase-12-filledFluent UI System IconsbriefcaseFluent EmojibriefcaseFluent Emoji FlatbriefcaseFluent Emoji High Contrastbriefcasecss.ggbriefcaseHeroIconsbriefcaseHumbleiconsbriefcaseIonIconsbriefcaseMaterial Line IconsbriefcaseLucidebriefcaseMage IconsbriefcaseMajesticonsbriefcaseMaterial Design Iconsbriefcase-fillMingCute IconbriefcaseNoto Emoji
More objects icons from Line Awesome
Use the briefcase icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-1.863 0-3.398 1.277-3.844 3H3v20h26V6h-9.156c-.446-1.723-1.98-3-3.844-3m0 2c.809 0 1.43.387 1.75 1h-3.5c.32-.613.941-1 1.75-1M5 8h22v9H5zm11 6c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1M5 19h22v5H5z"/></svg>
React
import type { SVGProps } from "react";
export function LaBriefcase(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-1.863 0-3.398 1.277-3.844 3H3v20h26V6h-9.156c-.446-1.723-1.98-3-3.844-3m0 2c.809 0 1.43.387 1.75 1h-3.5c.32-.613.941-1 1.75-1M5 8h22v9H5zm11 6c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1M5 19h22v5H5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 3c-1.863 0-3.398 1.277-3.844 3H3v20h26V6h-9.156c-.446-1.723-1.98-3-3.844-3m0 2c.809 0 1.43.387 1.75 1h-3.5c.32-.613.941-1 1.75-1M5 8h22v9H5zm11 6c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1M5 19h22v5H5z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203c-1.863%200-3.398%201.277-3.844%203H3v20h26V6h-9.156c-.446-1.723-1.98-3-3.844-3m0%202c.809%200%201.43.387%201.75%201h-3.5c.32-.613.941-1%201.75-1M5%208h22v9H5zm11%206c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1M5%2019h22v5H5z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%203c-1.863%200-3.398%201.277-3.844%203H3v20h26V6h-9.156c-.446-1.723-1.98-3-3.844-3m0%202c.809%200%201.43.387%201.75%201h-3.5c.32-.613.941-1%201.75-1M5%208h22v9H5zm11%206c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1M5%2019h22v5H5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/briefcase.svg?color=%231a73e8&size=48
