Mail Read Briefcase icon

Use the Mail Read Briefcase 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 { MailReadBriefcase24Regular, MailReadBriefcase24Filled } from "@fluentui/react-icons";

export function Example() {
  return <MailReadBriefcase24Regular aria-label="Mail Read Briefcase" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_mail_read_briefcase_24_regular.svg" width="24" height="24" alt="Mail Read Briefcase">

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

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.1908 2.33896C12.462 1.88441 11.538 1.88441 10.8092 2.33896L3.05924 7.1729C2.40039 7.58384 2 8.30547 2 9.08198V16.7497C2 18.5446 3.45507 19.9997 5.25 19.9997H11V18.4997H5.25C4.2835 18.4997 3.5 17.7162 3.5 16.7497V9.37063L11.6507 13.6605C11.6855 13.6788 11.7215 13.6942 11.7582 13.7067C12.0946 13.3799 12.5226 13.147 13 13.0501V12.75C13 12.2805 13.1177 11.8385 13.3251 11.4518L12 12.1492L4.36109 8.12876L11.6031 3.61169C11.846 3.46017 12.154 3.46017 12.3969 3.61169L19.6389 8.12876L16.0836 10H19.25C19.2678 10 19.2855 10.0002 19.3032 10.0005L20.5 9.37063V10.2998C21.3872 10.7533 21.9955 11.6745 22 12.7382V9.08198C22 8.30547 21.5996 7.58384 20.9408 7.1729L13.1908 2.33896ZM14 14.0001H13.5C12.6716 14.0001 12 14.6716 12 15.5001V20.5C12 21.3284 12.6716 22 13.5 22H21.5C22.3284 22 23 21.3284 23 20.5V15.5001C23 14.6716 22.3284 14.0001 21.5 14.0001H21V12.75C21 11.7835 20.2165 11 19.25 11H15.75C14.7835 11 14 11.7835 14 12.75V14.0001ZM15.5 12.75C15.5 12.6119 15.6119 12.5 15.75 12.5H19.25C19.3881 12.5 19.5 12.6119 19.5 12.75V14.0001H15.5V12.75Z" 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_read_briefcase_24_regular.svg";

Details

Keywords

envelopeemaildeliverymessageopenread