briefcase off icon
briefcase-off-outline from Material Design Icons by Pictogrammers · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- briefcase-off-outline
- Set
- Material Design Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Design Icons
The same icon in other sets
Related icons in Material Design Icons
Use the briefcase off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 8v8.8l2 2V8c0-.55-.2-1-.58-1.41C21.05 6.2 20.58 6 20 6h-4V4c0-.58-.2-1.05-.58-1.42C15.05 2.2 14.58 2 14 2h-4c-.58 0-1.05.2-1.42.58C8.2 2.95 8 3.42 8 4v.8L11.2 8zM10 4h4v2h-4zM2.39 1.73L1.11 3l3 3H4c-.58 0-1.05.2-1.42.59C2.2 7 2 7.45 2 8v11c0 .55.2 1 .58 1.41c.37.39.84.59 1.42.59h15.11l1.73 1.73l1.27-1.27zM4 19V8h2.11l11 11z"/></svg>
React
import type { SVGProps } from "react";
export function MdiBriefcaseOffOutline(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="M20 8v8.8l2 2V8c0-.55-.2-1-.58-1.41C21.05 6.2 20.58 6 20 6h-4V4c0-.58-.2-1.05-.58-1.42C15.05 2.2 14.58 2 14 2h-4c-.58 0-1.05.2-1.42.58C8.2 2.95 8 3.42 8 4v.8L11.2 8zM10 4h4v2h-4zM2.39 1.73L1.11 3l3 3H4c-.58 0-1.05.2-1.42.59C2.2 7 2 7.45 2 8v11c0 .55.2 1 .58 1.41c.37.39.84.59 1.42.59h15.11l1.73 1.73l1.27-1.27zM4 19V8h2.11l11 11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 8v8.8l2 2V8c0-.55-.2-1-.58-1.41C21.05 6.2 20.58 6 20 6h-4V4c0-.58-.2-1.05-.58-1.42C15.05 2.2 14.58 2 14 2h-4c-.58 0-1.05.2-1.42.58C8.2 2.95 8 3.42 8 4v.8L11.2 8zM10 4h4v2h-4zM2.39 1.73L1.11 3l3 3H4c-.58 0-1.05.2-1.42.59C2.2 7 2 7.45 2 8v11c0 .55.2 1 .58 1.41c.37.39.84.59 1.42.59h15.11l1.73 1.73l1.27-1.27zM4 19V8h2.11l11 11z"/></svg> </template>
CSS
.icon-briefcase-off-outline {
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%22M20%208v8.8l2%202V8c0-.55-.2-1-.58-1.41C21.05%206.2%2020.58%206%2020%206h-4V4c0-.58-.2-1.05-.58-1.42C15.05%202.2%2014.58%202%2014%202h-4c-.58%200-1.05.2-1.42.58C8.2%202.95%208%203.42%208%204v.8L11.2%208zM10%204h4v2h-4zM2.39%201.73L1.11%203l3%203H4c-.58%200-1.05.2-1.42.59C2.2%207%202%207.45%202%208v11c0%20.55.2%201%20.58%201.41c.37.39.84.59%201.42.59h15.11l1.73%201.73l1.27-1.27zM4%2019V8h2.11l11%2011z%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%22M20%208v8.8l2%202V8c0-.55-.2-1-.58-1.41C21.05%206.2%2020.58%206%2020%206h-4V4c0-.58-.2-1.05-.58-1.42C15.05%202.2%2014.58%202%2014%202h-4c-.58%200-1.05.2-1.42.58C8.2%202.95%208%203.42%208%204v.8L11.2%208zM10%204h4v2h-4zM2.39%201.73L1.11%203l3%203H4c-.58%200-1.05.2-1.42.59C2.2%207%202%207.45%202%208v11c0%20.55.2%201%20.58%201.41c.37.39.84.59%201.42.59h15.11l1.73%201.73l1.27-1.27zM4%2019V8h2.11l11%2011z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/briefcase-off-outline.svg?color=%231a73e8&size=48
