Briefcase Medical icon

Use the Briefcase Medical 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 { BriefcaseMedical24Regular, BriefcaseMedical24Filled } from "@fluentui/react-icons";

export function Example() {
  return <BriefcaseMedical24Regular aria-label="Briefcase Medical" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_briefcase_medical_24_regular.svg" width="24" height="24" alt="Briefcase Medical">

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.75 2C14.9926 2 16 3.00736 16 4.25V6H18.75C20.5449 6 22 7.45507 22 9.25V17.75C22 19.5449 20.5449 21 18.75 21H5.25C3.45507 21 2 19.5449 2 17.75V9.25C2 7.45507 3.45507 6 5.25 6H8V4.25C8 3.00736 9.00736 2 10.25 2H13.75ZM5.25 7.5C4.2835 7.5 3.5 8.2835 3.5 9.25V17.75C3.5 18.7165 4.2835 19.5 5.25 19.5H18.75C19.7165 19.5 20.5 18.7165 20.5 17.75V9.25C20.5 8.2835 19.7165 7.5 18.75 7.5H5.25ZM12 9.75C12.3882 9.75 12.7075 10.0449 12.7461 10.4229L12.75 10.5V12.5H14.75L14.8271 12.5039C15.2051 12.5425 15.5 12.8618 15.5 13.25C15.5 13.6382 15.2051 13.9575 14.8271 13.9961L14.75 14H12.75V16C12.75 16.4142 12.4142 16.75 12 16.75C11.5858 16.75 11.25 16.4142 11.25 16V14H9.25C8.83579 14 8.5 13.6642 8.5 13.25C8.5 12.8358 8.83579 12.5 9.25 12.5H11.25V10.5L11.2539 10.4229C11.2925 10.0449 11.6118 9.75 12 9.75ZM10.25 3.5C9.83579 3.5 9.5 3.83579 9.5 4.25V6H14.5V4.25C14.5 3.83579 14.1642 3.5 13.75 3.5H10.25Z" 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/briefcase_medical_24_regular.svg";

Details

Keywords

organizationbusinessmedicinehospital