Copy icon

The Copy icon is tagged clipboard. used for all copy + paste scenarios., paste and share. Similar Fluent icons include Copy Add, Copy Arrow Right and Copy Select. Google's Material Symbols version is content_copy.

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_copy_24_regular.svg

Copy icon in React

npm install @fluentui/react-icons

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

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

Use the Copy icon in React

Import Copy24Regular and Copy24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NameCopy
StylesRegular (outlined), Filled, Light
Sizes16 px, 20 px, 24 px, 28 px, 32 px, 48 px
Regular (outlined) fileic_fluent_copy_24_regular.svg
Filled fileic_fluent_copy_24_filled.svg
React (Regular)Copy16Regular, Copy20Regular, Copy24Regular, Copy28Regular, Copy32Regular, Copy48Regular
React (Filled)Copy16Filled, Copy20Filled, Copy24Filled, Copy28Filled, Copy32Filled, Copy48Filled
React (Light)Copy32Light
Font glyph (Regular, 24 px)U+F32C · &#xF32C;
Font glyph (Filled, 24 px)U+F32C · &#xF32C;
LicenseMIT (© Microsoft Corporation)

Keywords

share

Also in Material Symbols

Content Copy iconContent CopyGoogle's version of this icon, on Materialicons

Similar icons