Skip to main content
Go back
Share

Forward Diamond

Tagsforwarddiamondmovementdirectionpointer

React Code

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

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

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='M10.242 10.71c.672.547 1.008.821 1.008 1.29 0 .469-.336.743-1.008 1.29-.185.152-.37.295-.538.413a9.098 9.098 0 0 1-.49.318c-.67.407-1.006.611-1.306.385-.3-.225-.328-.697-.383-1.642A13.532 13.532 0 0 1 7.5 12c0-.235.01-.497.025-.764.055-.945.082-1.417.383-1.642.3-.226.635-.022 1.306.385.174.106.342.214.49.318.169.118.353.261.538.412m5.75.001c.672.546 1.008.82 1.008 1.29 0 .469-.336.743-1.008 1.29-.185.152-.37.295-.538.413a9.093 9.093 0 0 1-.49.318c-.67.407-1.006.611-1.306.385-.3-.225-.328-.697-.383-1.642A13.577 13.577 0 0 1 13.25 12c0-.235.01-.497.025-.764.055-.945.082-1.417.383-1.642.3-.226.636-.022 1.306.385.174.106.341.214.49.318.169.118.353.261.538.412'/><path d='M2.707 10.295a2.41 2.41 0 0 0 0 3.41l7.588 7.588a2.409 2.409 0 0 0 3.41 0l7.588-7.588a2.409 2.409 0 0 0 0-3.41l-7.588-7.588a2.41 2.41 0 0 0-3.41 0z'/>
</svg>

SVG CDN

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