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

HeroIcons · UI

heroicons:arrow-trending-down-16-solid

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-trending-down-16-solid.json

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

React

import type { SVGProps } from 'react';

export function ArrowTrendingDown16Solid(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M1.22 4.22a.75.75 0 0 1 1.06 0L6 7.94l2.761-2.762a.75.75 0 0 1 1.158.12a25 25 0 0 1 2.718 5.556l.729-1.261a.75.75 0 0 1 1.299.75l-1.591 2.755a.75.75 0 0 1-1.025.275l-2.756-1.591a.75.75 0 1 1 .75-1.3l1.097.634a23.4 23.4 0 0 0-1.984-4.211L6.53 9.53a.75.75 0 0 1-1.06 0L1.22 5.28a.75.75 0 0 1 0-1.06" clipRule="evenodd"/></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