Hexagon

Usage:

React Code:

npm install @mynaui/icons-react

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

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

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="M20 15.6V8.4c0-.316-.083-.627-.239-.9a1.79 1.79 0 0 0-.65-.658l-6.222-3.6a1.76 1.76 0 0 0-1.778 0l-6.222 3.6a1.79 1.79 0 0 0-.65.658A1.818 1.818 0 0 0 4 8.4v7.2c0 .316.083.627.239.9.156.273.38.5.65.658l6.222 3.6a1.76 1.76 0 0 0 1.778 0l6.222-3.6a1.79 1.79 0 0 0 .65-.658c.156-.273.239-.584.239-.9Z"/></svg>

SVG CDN:

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