Send Copy icon

Used in sharing file scenarios. The Send Copy icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 px. 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

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_send_copy_24_regular.svg

Send Copy icon in React

npm install @fluentui/react-icons

import { SendCopy24Regular } from "@fluentui/react-icons";

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

Send Copy icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/send_copy_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/send_copy_24_regular.svg" width="24" height="24" alt="Send Copy">

Send Copy icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.SendCopy())" />

Send Copy icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.send_copy_24_regular)

Send Copy icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF69D;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF69D;" FontSize="24" />

Send Copy icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_send_copy_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f69d";
  font-size: 24px;
}

Send Copy icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_send_copy_24_regular" />

// Kotlin
R.drawable.ic_fluent_send_copy_24_regular

Send Copy icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .sendCopy24Regular)

Send Copy icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Send Copy 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 { SendCopy24Regular, SendCopy24Filled } from "@fluentui/react-icons";

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

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

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

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="M4.25 11.5C3.8703 11.5 3.55651 11.7822 3.50685 12.1482L3.5 12.25V17.25C3.5 19.8005 5.51014 21.8815 8.03257 21.9951L8.25 22H15.75C16.7296 22 17.5629 21.374 17.8719 20.5003L8.25 20.5L8.06558 20.4949C6.4175 20.4027 5.09734 19.0825 5.00514 17.4344L5 17.25V12.25C5 11.8358 4.66421 11.5 4.25 11.5ZM6.75 9.5C6.3703 9.5 6.05651 9.78215 6.00685 10.1482L6 10.25V17.25C6 18.4409 6.92516 19.4156 8.09595 19.4948L8.25 19.5H18.25C19.4409 19.5 20.4156 18.5748 20.4948 17.404L20.5 17.25V10.25C20.5 9.83579 20.1642 9.5 19.75 9.5C19.3703 9.5 19.0565 9.78215 19.0068 10.1482L19 10.25V17.25C19 17.6297 18.7178 17.9435 18.3518 17.9932L18.25 18H8.25C7.8703 18 7.55651 17.7178 7.50685 17.3518L7.5 17.25V10.25C7.5 9.83579 7.16421 9.5 6.75 9.5ZM17.7817 6.21621L13.784 2.2196C13.5179 1.95355 13.1016 1.92923 12.808 2.14672L12.7239 2.21922L8.72044 6.21583C8.42729 6.50847 8.42689 6.98335 8.71953 7.27649C8.98557 7.54298 9.40221 7.56755 9.69601 7.34994L9.78019 7.2774L12.5 4.563V14.2549C12.5 14.6346 12.7822 14.9484 13.1482 14.9981L13.25 15.0049C13.6297 15.0049 13.9435 14.7228 13.9932 14.3567L14 14.2549V4.556L16.7211 7.27701C16.9874 7.54324 17.4041 7.5674 17.6977 7.3495L17.7818 7.27687C18.048 7.01057 18.0722 6.59391 17.8543 6.30032L17.7817 6.21621L13.784 2.2196L17.7817 6.21621Z" fill="currentColor"/></svg>

Details

NameSend Copy
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_send_copy_24_regular.svg
Filled fileic_fluent_send_copy_24_filled.svg
React (Regular)SendCopy20Regular, SendCopy24Regular
React (Filled)SendCopy20Filled, SendCopy24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

arrowmultipleshare

Related icons