Intersect

intersect overlap converge cross junction merge graphic-overlay

Usage:

React Code:

npm install @mynaui/icons-react

import { Intersect } from "@mynaui/icons-react";

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

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 d="M8.4 15.6h2.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311c.327-.642.327-1.482.327-3.162V8.4m-7.2 7.2v.9m0-.9v-2.4c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C10.68 8.4 11.52 8.4 13.2 8.4h2.4m-7.2 7.2h-.9m8.1-7.2h.9m-.9 0v-.9M8.4 19.65V21h1.8m5.4 0h-1.8m5.4 0H21v-1.8m0-5.4v1.8m0-5.4V8.4h-1.35M15.6 4.35V3h-1.8M8.4 3h1.8M4.8 3H3v1.8m0 5.4V8.4m0 5.4v1.8h1.35"/></svg>

SVG CDN:

<img src="https://unpkg.com/@mynaui/icons/icons/intersect.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-intersect"></use></svg
      >