Mail Rewind icon

Use the Mail Rewind icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { MailRewind24Regular, MailRewind24Filled } from "@fluentui/react-icons";

export function Example() {
  return <MailRewind24Regular aria-label="Mail Rewind" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_mail_rewind_24_regular.svg" width="24" height="24" alt="Mail Rewind">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.0021 8.99742V6.82961L22.3441 9.75042C22.9909 10.3156 24.0022 9.85634 24.0022 8.99746V2.00198C24.0022 1.1431 22.9908 0.683823 22.3441 1.24902L19.0021 4.16984V2.00194C19.0021 1.14306 17.9908 0.683783 17.3441 1.24898L13.3419 4.74672C12.886 5.14517 12.886 5.85419 13.3419 6.25264L17.3441 9.75038C17.9908 10.3156 19.0021 9.8563 19.0021 8.99742ZM12 12.1525L16.1008 9.9938L16.686 10.5053C16.941 10.7281 17.2242 10.8713 17.5148 10.9445L12.3493 13.6637C12.1619 13.7623 11.9431 13.7764 11.7468 13.706L11.6507 13.6637L3.5 9.374V16.75C3.5 17.6682 4.20711 18.4212 5.10647 18.4942L5.25 18.5H18.75C19.6682 18.5 20.4212 17.7929 20.4942 16.8935L20.5 16.75V9.46873L21.6861 10.5053C21.7867 10.5933 21.8918 10.6689 22 10.7326V16.75C22 18.483 20.6435 19.8992 18.9344 19.9949L18.75 20H5.25C3.51697 20 2.10075 18.6435 2.00514 16.9344L2 16.75V7.25C2 5.51697 3.35645 4.10075 5.06558 4.00514L5.25 4H12.679C12.2268 4.39774 12.0004 4.9488 12 5.5H5.25C4.33183 5.5 3.57881 6.20711 3.5058 7.10647L3.5 7.25V7.679L12 12.1525Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/mail_rewind_24_regular.svg";

Details

Keywords

envelopeemaildeliverymessageundobackrewind