Skip to main content
Go back
Share

Fat Arrow Down Left

React Code

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

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

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='M15.932 18.963c.315.315-.062 1.026-.519 1.037H5.66c-.58 0-.871 0-1.093-.113a1.037 1.037 0 0 1-.454-.454C4 19.213 4 18.922 4 18.34V8.587c.01-.457.722-.834 1.038-.519l2.714 2.78c.195.195.52.187.725-.018l6.671-6.671a.513.513 0 0 1 .725-.017l3.985 3.985a.513.513 0 0 1-.017.725l-6.671 6.671a.513.513 0 0 0-.017.725z'/>
</svg>

SVG CDN

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