Send Person icon

Used in message & sending scenarios. The Send Person icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Use the Send Person 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 { SendPerson24Regular, SendPerson24Filled } from "@fluentui/react-icons";

export function Example() {
  return <SendPerson24Regular aria-label="Send Person" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_send_person_24_regular.svg" width="24" height="24" alt="Send Person">

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="M5.69362 11.7526L2.29933 3.02443C2.0631 2.41696 2.65544 1.83602 3.2414 2.04252L3.33375 2.08177L21.3337 11.0818C21.852 11.3409 21.8844 12.0504 21.4309 12.3658L21.3337 12.4234L20.026 13.0773C19.6173 12.6513 19.1019 12.3285 18.5228 12.1518L19.3213 11.7526L4.4021 4.293L7.01109 11.002L13.6387 11.0026C14.0184 11.0026 14.3322 11.2847 14.3818 11.6508L14.3887 11.7526C14.3887 12.1323 14.1065 12.4461 13.7404 12.4957L13.6387 12.5026L7.01109 12.502L4.4021 19.2122L14.2077 14.3094C14.0733 14.681 14 15.082 14 15.5C14 15.6932 14.0157 15.8827 14.0458 16.0674L3.33375 21.4234C2.75077 21.7149 2.11746 21.1789 2.2688 20.5763L2.29933 20.4808L5.69362 11.7526ZM20 15.5C20 16.8807 18.8807 18 17.5 18C16.1193 18 15 16.8807 15 15.5C15 14.1193 16.1193 13 17.5 13C18.8807 13 20 14.1193 20 15.5ZM22 20.875C22 22.4315 20.7143 24 17.5 24C14.2857 24 13 22.4374 13 20.875V20.772C13 19.7929 13.7937 19 14.7727 19H20.2273C21.2063 19 22 19.793 22 20.772V20.875Z" 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/send_person_24_regular.svg";

Details

NameSend Person
StylesRegular (outlined), Filled
Size24 × 24 px (scalable SVG)
Regular (outlined) fileic_fluent_send_person_24_regular.svg
Filled fileic_fluent_send_person_24_filled.svg
React componentsSendPerson24Regular, SendPerson24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

paperplanemailmessage

Related icons