send icon

send-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name: send-outlined
Set: Ant Design Icons
Style: Outlined
Viewbox: 1024×1024
License: MIT
Aliases: send

Use the send icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2c-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7l-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9c3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1c3.9-8 .7-17.6-7.2-21.6M170.8 826.3l50.3-205.6l295.2-101.3c2.3-.8 4.2-2.6 5-5c1.4-4.2-.8-8.7-5-10.2L221.1 403L171 198.2l628 314.9z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignSendOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2c-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7l-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9c3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1c3.9-8 .7-17.6-7.2-21.6M170.8 826.3l50.3-205.6l295.2-101.3c2.3-.8 4.2-2.6 5-5c1.4-4.2-.8-8.7-5-10.2L221.1 403L171 198.2l628 314.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2c-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7l-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9c3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1c3.9-8 .7-17.6-7.2-21.6M170.8 826.3l50.3-205.6l295.2-101.3c2.3-.8 4.2-2.6 5-5c1.4-4.2-.8-8.7-5-10.2L221.1 403L171 198.2l628 314.9z"/></svg>
</template>

CSS

.icon-send-outlined {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M931.4%20498.9L94.9%2079.5c-3.4-1.7-7.3-2.1-11-1.2c-8.5%202.1-13.8%2010.7-11.7%2019.3l86.2%20352.2c1.3%205.3%205.2%209.6%2010.4%2011.3l147.7%2050.7l-147.6%2050.7c-5.2%201.8-9.1%206-10.3%2011.3L72.2%20926.5c-.9%203.7-.5%207.6%201.2%2010.9c3.9%207.9%2013.5%2011.1%2021.5%207.2l836.5-417c3.1-1.5%205.6-4.1%207.2-7.1c3.9-8%20.7-17.6-7.2-21.6M170.8%20826.3l50.3-205.6l295.2-101.3c2.3-.8%204.2-2.6%205-5c1.4-4.2-.8-8.7-5-10.2L221.1%20403L171%20198.2l628%20314.9z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M931.4%20498.9L94.9%2079.5c-3.4-1.7-7.3-2.1-11-1.2c-8.5%202.1-13.8%2010.7-11.7%2019.3l86.2%20352.2c1.3%205.3%205.2%209.6%2010.4%2011.3l147.7%2050.7l-147.6%2050.7c-5.2%201.8-9.1%206-10.3%2011.3L72.2%20926.5c-.9%203.7-.5%207.6%201.2%2010.9c3.9%207.9%2013.5%2011.1%2021.5%207.2l836.5-417c3.1-1.5%205.6-4.1%207.2-7.1c3.9-8%20.7-17.6-7.2-21.6M170.8%20826.3l50.3-205.6l295.2-101.3c2.3-.8%204.2-2.6%205-5c1.4-4.2-.8-8.7-5-10.2L221.1%20403L171%20198.2l628%20314.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

send icon

The same icon in other sets

Use the send icon

SVG

React

Vue

CSS