send icon
send-48 from Fluent UI System Color Icons by Microsoft Corporation · 48 · MIT Free for personal and commercial use.
- Name
- send-48
- Set
- Fluent UI System Color Icons
- Style
- 48
- Viewbox
- 48×48
- License
- MIT
5 other variants in Fluent UI System Color Icons
The same icon in other sets
sendAkar Iconssend-outlinedAnt Design IconssendBootstrap IconssendBoxIcons v2sendBoxIcons v2 SolidsendCarbonsendCodiconssendFeather Iconssend-16-filledFluent UI System IconssendHuge IconssendIconParksendIconPark OutlinesendIconoirsendIonIconssendLucidesendMajesticonssendMaterial SymbolssendMaterial Symbols LightsendMaterial Design Iconssend-fillMingCute IconsendMyna UI IconssendPixelarticonssendPrime IconssendTabler Icons
Related icons in Fluent UI System Color Icons
Use the send icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGUEKKwbSY1)" d="M9.685 24.003L7.727 18l24.496 5.023c1.065.218 1.065 1.74 0 1.96L7.726 30.004z"/><path fill="url(#SVGqZUdXdPY1)" d="M7.262 4.244c-1.787-.893-3.765.812-3.146 2.711L8.13 19.26a2 2 0 0 0 1.573 1.352l15.86 2.643c.835.14.835 1.34 0 1.48L9.704 27.378a2 2 0 0 0-1.573 1.352L4.116 41.042c-.62 1.9 1.359 3.605 3.146 2.712l35.494-17.742c1.659-.83 1.659-3.197 0-4.026z"/><path fill="url(#SVGf96r3bMX1)" d="M7.262 4.244c-1.787-.893-3.765.812-3.146 2.711L8.13 19.26a2 2 0 0 0 1.573 1.352l15.86 2.643c.835.14.835 1.34 0 1.48L9.704 27.378a2 2 0 0 0-1.573 1.352L4.116 41.042c-.62 1.9 1.359 3.605 3.146 2.712l35.494-17.742c1.659-.83 1.659-3.197 0-4.026z"/><defs><linearGradient id="SVGqZUdXdPY1" x1="4" x2="38.255" y1="-12.249" y2="33.27" gradientUnits="userSpaceOnUse"><stop stop-color="#3bd5ff"/><stop offset="1" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGf96r3bMX1" x1="24" x2="34.402" y1="14.781" y2="42.925" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#dcf8ff" stop-opacity="0"/><stop offset=".769" stop-color="#ff6ce8" stop-opacity=".7"/></linearGradient><radialGradient id="SVGUEKKwbSY1" cx="0" cy="0" r="1" gradientTransform="matrix(14.5 0 0 1.9375 6 24)" gradientUnits="userSpaceOnUse"><stop stop-color="#0094f0"/><stop offset="1" stop-color="#2052cb"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentColorSend48(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGUEKKwbSY1)" d="M9.685 24.003L7.727 18l24.496 5.023c1.065.218 1.065 1.74 0 1.96L7.726 30.004z"/><path fill="url(#SVGqZUdXdPY1)" d="M7.262 4.244c-1.787-.893-3.765.812-3.146 2.711L8.13 19.26a2 2 0 0 0 1.573 1.352l15.86 2.643c.835.14.835 1.34 0 1.48L9.704 27.378a2 2 0 0 0-1.573 1.352L4.116 41.042c-.62 1.9 1.359 3.605 3.146 2.712l35.494-17.742c1.659-.83 1.659-3.197 0-4.026z"/><path fill="url(#SVGf96r3bMX1)" d="M7.262 4.244c-1.787-.893-3.765.812-3.146 2.711L8.13 19.26a2 2 0 0 0 1.573 1.352l15.86 2.643c.835.14.835 1.34 0 1.48L9.704 27.378a2 2 0 0 0-1.573 1.352L4.116 41.042c-.62 1.9 1.359 3.605 3.146 2.712l35.494-17.742c1.659-.83 1.659-3.197 0-4.026z"/><defs><linearGradient id="SVGqZUdXdPY1" x1="4" x2="38.255" y1="-12.249" y2="33.27" gradientUnits="userSpaceOnUse"><stop stopColor="#3bd5ff"/><stop offset="1" stopColor="#0094f0"/></linearGradient><linearGradient id="SVGf96r3bMX1" x1="24" x2="34.402" y1="14.781" y2="42.925" gradientUnits="userSpaceOnUse"><stop offset=".125" stopColor="#dcf8ff" stopOpacity="0"/><stop offset=".769" stopColor="#ff6ce8" stopOpacity=".7"/></linearGradient><radialGradient id="SVGUEKKwbSY1" cx="0" cy="0" r="1" gradientTransform="matrix(14.5 0 0 1.9375 6 24)" gradientUnits="userSpaceOnUse"><stop stopColor="#0094f0"/><stop offset="1" stopColor="#2052cb"/></radialGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGUEKKwbSY1)" d="M9.685 24.003L7.727 18l24.496 5.023c1.065.218 1.065 1.74 0 1.96L7.726 30.004z"/><path fill="url(#SVGqZUdXdPY1)" d="M7.262 4.244c-1.787-.893-3.765.812-3.146 2.711L8.13 19.26a2 2 0 0 0 1.573 1.352l15.86 2.643c.835.14.835 1.34 0 1.48L9.704 27.378a2 2 0 0 0-1.573 1.352L4.116 41.042c-.62 1.9 1.359 3.605 3.146 2.712l35.494-17.742c1.659-.83 1.659-3.197 0-4.026z"/><path fill="url(#SVGf96r3bMX1)" d="M7.262 4.244c-1.787-.893-3.765.812-3.146 2.711L8.13 19.26a2 2 0 0 0 1.573 1.352l15.86 2.643c.835.14.835 1.34 0 1.48L9.704 27.378a2 2 0 0 0-1.573 1.352L4.116 41.042c-.62 1.9 1.359 3.605 3.146 2.712l35.494-17.742c1.659-.83 1.659-3.197 0-4.026z"/><defs><linearGradient id="SVGqZUdXdPY1" x1="4" x2="38.255" y1="-12.249" y2="33.27" gradientUnits="userSpaceOnUse"><stop stop-color="#3bd5ff"/><stop offset="1" stop-color="#0094f0"/></linearGradient><linearGradient id="SVGf96r3bMX1" x1="24" x2="34.402" y1="14.781" y2="42.925" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#dcf8ff" stop-opacity="0"/><stop offset=".769" stop-color="#ff6ce8" stop-opacity=".7"/></linearGradient><radialGradient id="SVGUEKKwbSY1" cx="0" cy="0" r="1" gradientTransform="matrix(14.5 0 0 1.9375 6 24)" gradientUnits="userSpaceOnUse"><stop stop-color="#0094f0"/><stop offset="1" stop-color="#2052cb"/></radialGradient></defs></g></svg> </template>
CSS
.icon-send-48 {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGUEKKwbSY1)%22%20d%3D%22M9.685%2024.003L7.727%2018l24.496%205.023c1.065.218%201.065%201.74%200%201.96L7.726%2030.004z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGqZUdXdPY1)%22%20d%3D%22M7.262%204.244c-1.787-.893-3.765.812-3.146%202.711L8.13%2019.26a2%202%200%200%200%201.573%201.352l15.86%202.643c.835.14.835%201.34%200%201.48L9.704%2027.378a2%202%200%200%200-1.573%201.352L4.116%2041.042c-.62%201.9%201.359%203.605%203.146%202.712l35.494-17.742c1.659-.83%201.659-3.197%200-4.026z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGf96r3bMX1)%22%20d%3D%22M7.262%204.244c-1.787-.893-3.765.812-3.146%202.711L8.13%2019.26a2%202%200%200%200%201.573%201.352l15.86%202.643c.835.14.835%201.34%200%201.48L9.704%2027.378a2%202%200%200%200-1.573%201.352L4.116%2041.042c-.62%201.9%201.359%203.605%203.146%202.712l35.494-17.742c1.659-.83%201.659-3.197%200-4.026z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqZUdXdPY1%22%20x1%3D%224%22%20x2%3D%2238.255%22%20y1%3D%22-12.249%22%20y2%3D%2233.27%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233bd5ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230094f0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGf96r3bMX1%22%20x1%3D%2224%22%20x2%3D%2234.402%22%20y1%3D%2214.781%22%20y2%3D%2242.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%23dcf8ff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.769%22%20stop-color%3D%22%23ff6ce8%22%20stop-opacity%3D%22.7%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGUEKKwbSY1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(14.5%200%200%201.9375%206%2024)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230094f0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232052cb%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGUEKKwbSY1)%22%20d%3D%22M9.685%2024.003L7.727%2018l24.496%205.023c1.065.218%201.065%201.74%200%201.96L7.726%2030.004z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGqZUdXdPY1)%22%20d%3D%22M7.262%204.244c-1.787-.893-3.765.812-3.146%202.711L8.13%2019.26a2%202%200%200%200%201.573%201.352l15.86%202.643c.835.14.835%201.34%200%201.48L9.704%2027.378a2%202%200%200%200-1.573%201.352L4.116%2041.042c-.62%201.9%201.359%203.605%203.146%202.712l35.494-17.742c1.659-.83%201.659-3.197%200-4.026z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGf96r3bMX1)%22%20d%3D%22M7.262%204.244c-1.787-.893-3.765.812-3.146%202.711L8.13%2019.26a2%202%200%200%200%201.573%201.352l15.86%202.643c.835.14.835%201.34%200%201.48L9.704%2027.378a2%202%200%200%200-1.573%201.352L4.116%2041.042c-.62%201.9%201.359%203.605%203.146%202.712l35.494-17.742c1.659-.83%201.659-3.197%200-4.026z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqZUdXdPY1%22%20x1%3D%224%22%20x2%3D%2238.255%22%20y1%3D%22-12.249%22%20y2%3D%2233.27%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233bd5ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230094f0%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGf96r3bMX1%22%20x1%3D%2224%22%20x2%3D%2234.402%22%20y1%3D%2214.781%22%20y2%3D%2242.925%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%23dcf8ff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.769%22%20stop-color%3D%22%23ff6ce8%22%20stop-opacity%3D%22.7%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGUEKKwbSY1%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(14.5%200%200%201.9375%206%2024)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230094f0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232052cb%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/send-48.svg?color=%231a73e8&size=48
