← Go back
Share

Planet


Usage:

React Code:

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

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

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="M7.722 17.777a7.303 7.303 0 0 0 4.716 1.723c4.085 0 7.396-3.358 7.396-7.5a7.59 7.59 0 0 0-.16-1.556M7.722 17.777A7.527 7.527 0 0 1 5.042 12c0-4.142 3.311-7.5 7.395-7.5 3.559 0 6.53 2.549 7.236 5.944M7.722 17.777c1.807-.42 3.958-1.293 6.127-2.563 2.524-1.478 4.577-3.202 5.825-4.77M7.722 17.777c-2.246.52-3.963.34-4.528-.654-.583-1.024.182-2.688 1.849-4.458m14.631-2.22c1.157-1.454 1.623-2.772 1.132-3.635-.498-.875-1.888-1.12-3.746-.81"/></svg>

SVG CDN:

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