briefcase icon
briefcase from Myna UI Icons by Praveen Juge · Regular · MIT Free for personal and commercial use.
- Name
- briefcase
- Set
- Myna UI Icons
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI 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
Related icons in Myna UI Icons
Use the briefcase icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.953 10.587l-.692 7.2C20.067 19.551 19.403 21 15.692 21H8.308c-3.71 0-4.375-1.449-4.569-3.213l-.692-7.2m17.906 0c.25-2.196-.397-3.987-4.338-3.987h-9.23c-3.941 0-4.587 1.791-4.338 3.987m17.906 0C18.935 11.882 16.301 13.249 14 13.5M3.047 10.587C5.065 11.882 7.699 13.249 10 13.5m0 0a2 2 0 1 0 4 0m-4 0a2 2 0 1 1 4 0m1-6.9V4a1 1 0 0 0-1-1h-4a1 1 0 0 0-.708.293A1 1 0 0 0 9 4.001V6.6"/></svg>
React
import type { SVGProps } from "react";
export function MynauiBriefcase(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m20.953 10.587l-.692 7.2C20.067 19.551 19.403 21 15.692 21H8.308c-3.71 0-4.375-1.449-4.569-3.213l-.692-7.2m17.906 0c.25-2.196-.397-3.987-4.338-3.987h-9.23c-3.941 0-4.587 1.791-4.338 3.987m17.906 0C18.935 11.882 16.301 13.249 14 13.5M3.047 10.587C5.065 11.882 7.699 13.249 10 13.5m0 0a2 2 0 1 0 4 0m-4 0a2 2 0 1 1 4 0m1-6.9V4a1 1 0 0 0-1-1h-4a1 1 0 0 0-.708.293A1 1 0 0 0 9 4.001V6.6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.953 10.587l-.692 7.2C20.067 19.551 19.403 21 15.692 21H8.308c-3.71 0-4.375-1.449-4.569-3.213l-.692-7.2m17.906 0c.25-2.196-.397-3.987-4.338-3.987h-9.23c-3.941 0-4.587 1.791-4.338 3.987m17.906 0C18.935 11.882 16.301 13.249 14 13.5M3.047 10.587C5.065 11.882 7.699 13.249 10 13.5m0 0a2 2 0 1 0 4 0m-4 0a2 2 0 1 1 4 0m1-6.9V4a1 1 0 0 0-1-1h-4a1 1 0 0 0-.708.293A1 1 0 0 0 9 4.001V6.6"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m20.953%2010.587l-.692%207.2C20.067%2019.551%2019.403%2021%2015.692%2021H8.308c-3.71%200-4.375-1.449-4.569-3.213l-.692-7.2m17.906%200c.25-2.196-.397-3.987-4.338-3.987h-9.23c-3.941%200-4.587%201.791-4.338%203.987m17.906%200C18.935%2011.882%2016.301%2013.249%2014%2013.5M3.047%2010.587C5.065%2011.882%207.699%2013.249%2010%2013.5m0%200a2%202%200%201%200%204%200m-4%200a2%202%200%201%201%204%200m1-6.9V4a1%201%200%200%200-1-1h-4a1%201%200%200%200-.708.293A1%201%200%200%200%209%204.001V6.6%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m20.953%2010.587l-.692%207.2C20.067%2019.551%2019.403%2021%2015.692%2021H8.308c-3.71%200-4.375-1.449-4.569-3.213l-.692-7.2m17.906%200c.25-2.196-.397-3.987-4.338-3.987h-9.23c-3.941%200-4.587%201.791-4.338%203.987m17.906%200C18.935%2011.882%2016.301%2013.249%2014%2013.5M3.047%2010.587C5.065%2011.882%207.699%2013.249%2010%2013.5m0%200a2%202%200%201%200%204%200m-4%200a2%202%200%201%201%204%200m1-6.9V4a1%201%200%200%200-1-1h-4a1%201%200%200%200-.708.293A1%201%200%200%200%209%204.001V6.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/briefcase.svg?color=%231a73e8&size=48
