send icon

send-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name: send-48-regular
Set: Fluent UI System Icons
Style: 48 Regular
Viewbox: 48×48
License: MIT

11 other variants in Fluent UI System Icons

send-16-filled send-16-regular send-20-filled send-20-regular send-24-filled send-24-regular send-28-filled send-28-regular send-32-filled send-32-regular send-48-filled

The same icon in other sets

sendAkar Icons sendBootstrap Icons sendBoxIcons v2 sendBoxIcons v2 Solid sendCarbon sendFeather Icons sendHuge Icons sendIconoir sendIonIcons sendLucide sendMajesticons sendMaterial Symbols sendMaterial Design Icons send-fillMingCute Icon sendPixelarticons sendTabler Icons send-outlineTeenyicons

Related icons in Fluent UI System Icons

send-beaker-16-filled send-clock-20-filled send-copy-20-filled send-logging-24-filled send-person-16-filled

Use the send icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M4.128 6.964c-.62-1.899 1.358-3.603 3.145-2.71L42.757 21.99c1.658.83 1.658 3.196 0 4.025L7.273 43.752c-1.787.893-3.765-.812-3.145-2.71l5.557-17.04zm7.78 18.289L6.69 41.248l34.501-17.245L6.69 6.757l5.217 15.996H28.75a1.25 1.25 0 0 1 0 2.5z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSend48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M4.128 6.964c-.62-1.899 1.358-3.603 3.145-2.71L42.757 21.99c1.658.83 1.658 3.196 0 4.025L7.273 43.752c-1.787.893-3.765-.812-3.145-2.71l5.557-17.04zm7.78 18.289L6.69 41.248l34.501-17.245L6.69 6.757l5.217 15.996H28.75a1.25 1.25 0 0 1 0 2.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M4.128 6.964c-.62-1.899 1.358-3.603 3.145-2.71L42.757 21.99c1.658.83 1.658 3.196 0 4.025L7.273 43.752c-1.787.893-3.765-.812-3.145-2.71l5.557-17.04zm7.78 18.289L6.69 41.248l34.501-17.245L6.69 6.757l5.217 15.996H28.75a1.25 1.25 0 0 1 0 2.5z"/></svg>
</template>

CSS

.icon-send-48-regular {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.128%206.964c-.62-1.899%201.358-3.603%203.145-2.71L42.757%2021.99c1.658.83%201.658%203.196%200%204.025L7.273%2043.752c-1.787.893-3.765-.812-3.145-2.71l5.557-17.04zm7.78%2018.289L6.69%2041.248l34.501-17.245L6.69%206.757l5.217%2015.996H28.75a1.25%201.25%200%200%201%200%202.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.128%206.964c-.62-1.899%201.358-3.603%203.145-2.71L42.757%2021.99c1.658.83%201.658%203.196%200%204.025L7.273%2043.752c-1.787.893-3.765-.812-3.145-2.71l5.557-17.04zm7.78%2018.289L6.69%2041.248l34.501-17.245L6.69%206.757l5.217%2015.996H28.75a1.25%201.25%200%200%201%200%202.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/send-48-regular.svg?color=%231a73e8&size=48