← Go back
Share

Forward

Tags forward arrow direction pointer navigate

Usage:

React Code:

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

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

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="M9.985 9.419C11.328 10.515 12 11.063 12 12s-.672 1.485-2.015 2.582c-.371.302-.74.587-1.077.824a18.14 18.14 0 0 1-.98.635c-1.341.816-2.011 1.223-2.612.772-.602-.451-.656-1.396-.766-3.285A27.07 27.07 0 0 1 4.5 12c0-.47.02-.993.05-1.528.11-1.89.164-2.834.766-3.285.6-.451 1.27-.044 2.611.771.348.212.684.427.98.636.339.237.707.522 1.078.825m7.5 0C18.828 10.515 19.5 11.063 19.5 12s-.672 1.485-2.015 2.582c-.371.302-.74.587-1.077.824-.297.209-.633.424-.98.635-1.341.816-2.011 1.223-2.613.772-.6-.451-.655-1.396-.764-3.285A27.07 27.07 0 0 1 12 12c0-.47.02-.993.05-1.528.11-1.89.164-2.834.765-3.285.602-.451 1.272-.044 2.612.771.348.212.684.427.98.636.339.237.707.522 1.078.825"/></svg>

SVG CDN:

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