send icon

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

Name: send-32-regular
Set: Fluent UI System Icons
Style: 32 Regular
Viewbox: 32×32
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-48-filled send-48-regular

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 32 32"><path fill="currentColor" d="M2.078 3.965c-.407-1.265.91-2.395 2.099-1.801l24.994 12.495c1.106.553 1.106 2.13 0 2.684L4.177 29.838c-1.188.594-2.506-.536-2.099-1.801L5.95 16.001zm5.65 13.036L4.347 27.517l23.037-11.516L4.346 4.485L7.73 15H19a1 1 0 1 1 0 2z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSend32Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.078 3.965c-.407-1.265.91-2.395 2.099-1.801l24.994 12.495c1.106.553 1.106 2.13 0 2.684L4.177 29.838c-1.188.594-2.506-.536-2.099-1.801L5.95 16.001zm5.65 13.036L4.347 27.517l23.037-11.516L4.346 4.485L7.73 15H19a1 1 0 1 1 0 2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M2.078 3.965c-.407-1.265.91-2.395 2.099-1.801l24.994 12.495c1.106.553 1.106 2.13 0 2.684L4.177 29.838c-1.188.594-2.506-.536-2.099-1.801L5.95 16.001zm5.65 13.036L4.347 27.517l23.037-11.516L4.346 4.485L7.73 15H19a1 1 0 1 1 0 2z"/></svg>
</template>

CSS

.icon-send-32-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.078%203.965c-.407-1.265.91-2.395%202.099-1.801l24.994%2012.495c1.106.553%201.106%202.13%200%202.684L4.177%2029.838c-1.188.594-2.506-.536-2.099-1.801L5.95%2016.001zm5.65%2013.036L4.347%2027.517l23.037-11.516L4.346%204.485L7.73%2015H19a1%201%200%201%201%200%202z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.078%203.965c-.407-1.265.91-2.395%202.099-1.801l24.994%2012.495c1.106.553%201.106%202.13%200%202.684L4.177%2029.838c-1.188.594-2.506-.536-2.099-1.801L5.95%2016.001zm5.65%2013.036L4.347%2027.517l23.037-11.516L4.346%204.485L7.73%2015H19a1%201%200%201%201%200%202z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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