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.45 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.55 4.598 21 8.308 21m0-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 11m11 2.331A15.26 15.26 0 0 0 20.812 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
>