Send Copy icon
Used in sharing file scenarios. The Send Copy icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
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" />;
}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>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/send_copy_24_regular.svg";Details
| Name | Send Copy |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_send_copy_24_regular.svg |
| Filled file | ic_fluent_send_copy_24_filled.svg |
| React components | SendCopy24Regular, SendCopy24Filled |
| License | MIT (© Microsoft Corporation) |