Collections Add icon
Microsoft uses it in scenarios specifically to add to a collection. The Collections Add icon is tagged store, selection and browser. Similar Fluent icons include Collections, Collections Empty and Tab Add.
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_collections_add_24_regular.svg
Collections Add icon in React
npm install @fluentui/react-icons
import { CollectionsAdd24Regular } from "@fluentui/react-icons";
export function Example() {
return <CollectionsAdd24Regular aria-label="Collections Add" />;
}Use the Collections Add icon in React
Import CollectionsAdd24Regular and CollectionsAdd24Filled 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
| Name | Collections Add |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px, 24 px |
| Regular (outlined) file | ic_fluent_collections_add_24_regular.svg |
| Filled file | ic_fluent_collections_add_24_filled.svg |
| React (Regular) | CollectionsAdd20Regular, CollectionsAdd24Regular |
| React (Filled) | CollectionsAdd20Filled, CollectionsAdd24Filled |
| Font glyph (Regular, 24 px) | U+F2F4 ·  |
| Font glyph (Filled, 24 px) | U+F2F4 ·  |
| License | MIT (© Microsoft Corporation) |