18 Iconify packs · copy SVG, PNG, React, Vue, and more Open registry →

HeroIcons · UI

heroicons:arrow-path

Heroicons ships outline and solid weights from the Tailwind team, sized for 20, 16, and 24 pixels. License: MIT.

View collection

License: MIT · /r/heroicons/arrow-path.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function ArrowPath(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/></svg>
  );
}

More in this set

Click to copy · Hover to preview

 

Customize colors

Changes apply to SVG, PNG and Data URI exports only. CDN / img URI always serve the original.

HeroIcons icon

HeroIcons

HeroIcons

heroicons