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

Bootstrap Icons · UI

bi:file-earmark-arrow-down

Bootstrap Icons match the stroke and fill language of Bootstrap’s components. License: MIT.

View collection

License: MIT · /r/bi/file-earmark-arrow-down.json

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

React

import type { SVGProps } from 'react';

export function FileEarmarkArrowDown(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293z"/><path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2M9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/></g></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.

Bootstrap Icons icon

Bootstrap Icons

Bootstrap Icons

bi