← Go back
Share

Briefcase


Usage:

React Code:

npm install @mynaui/icons-react
import { Briefcase } from "@mynaui/icons-react";

const App = () => {
  return <Briefcase />;
};

SVG HTML:

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path stroke-miterlimit="10" d="M8.308 21h7.384c3.71 0 4.375-1.449 4.569-3.213l.692-7.2c.25-2.196-.397-3.987-4.338-3.987h-9.23c-3.941 0-4.587 1.791-4.338 3.987l.692 7.2C3.933 19.551 4.598 21 8.308 21Zm0-14.4v-.72c0-1.593 0-2.88 2.954-2.88h1.476c2.954 0 2.954 1.287 2.954 2.88v.72"/><path stroke-miterlimit="10" d="M9.812 13.331A15.26 15.26 0 0 1 3.234 11m10.999 2.331A15.26 15.26 0 0 0 20.813 11"/><circle cx="12" cy="13.5" r="2"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/briefcase.svg" />

SVG Sprite:

npm install @mynaui/icons
<svg
        width="24"
        height="24"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke="currentColor"
      >
        <use xlink:href="/path/to/mynaui.symbol.svg#mynaui-briefcase"></use></svg
      >