Bounding Box
React Code
npm install @mynaui/icons-react
import { BoundingBox } from "@mynaui/icons-react";
const App = () => {
return <BoundingBox />;
};
SVG HTML
<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
<path d='M5 17V7m0 10a2 2 0 1 0 2 2m-2-2a2 2 0 0 1 2 2M5 7a2 2 0 0 0 2-2M5 7a2 2 0 1 1 2-2m0 0h10m0 0a2 2 0 0 0 2 2m-2-2a2 2 0 1 1 2 2m0 0v10m0 0a2 2 0 0 0-2 2m2-2a2 2 0 1 1-2 2M7 19h10'/>
</svg>
SVG CDN
<img src="https://unpkg.com/@mynaui/icons/icons/bounding-box.svg" />
SVG Sprite
npm install @mynaui/icons
<svg width="24" height="24" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
<use xlink:href="/path/to/mynaui.symbol.svg#mynaui-bounding-box"></use>
</svg>