Cube Add icon
Used in 3D experience scenarios. The Cube Add icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles on a 20 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
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, 20 px
ic_fluent_cube_add_20_regular.svg
Cube Add icon in React
npm install @fluentui/react-icons
import { CubeAdd20Regular } from "@fluentui/react-icons";
export function Example() {
return <CubeAdd20Regular aria-label="Cube Add" />;
}Use the Cube Add 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 { CubeAdd20Regular, CubeAdd20Filled } from "@fluentui/react-icons";
export function Example() {
return <CubeAdd20Regular aria-label="Cube Add" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_cube_add_20_regular.svg" width="20" height="20" alt="Cube Add"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M9.07 16.59q.2.08.4.12.24.57.6 1.06a4 4 0 0 1-1.37-.25l-5.76-2.3a1.5 1.5 0 0 1-.94-1.4V6.18c0-.62.37-1.17.94-1.4l5.76-2.3a3.5 3.5 0 0 1 2.6 0l5.76 2.3c.57.23.94.78.94 1.4v4.08a6 6 0 0 0-1-.66V6.18a.5.5 0 0 0-.31-.47l-5.76-2.3a2.5 2.5 0 0 0-1.86 0L3.31 5.7a.5.5 0 0 0-.31.47v7.64c0 .2.12.4.31.47zM5.7 6.04a.5.5 0 1 0-.4.92l4.2 1.86v3.39a6 6 0 0 1 1-1.49v-1.9l4.2-1.86a.5.5 0 1 0-.4-.92L10 7.95zM17 18.24a4.5 4.5 0 1 1-5-7.48 4.5 4.5 0 0 1 5 7.48m-2.15-6.1a.5.5 0 0 0-.85.36V14h-1.5a.5.5 0 0 0 0 1H14v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H15v-1.5a.5.5 0 0 0-.15-.35"/></svg>Details
| Name | Cube Add |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_cube_add_20_regular.svg |
| Filled file | ic_fluent_cube_add_20_filled.svg |
| React (Regular) | CubeAdd20Regular |
| React (Filled) | CubeAdd20Filled |
| License | MIT (© Microsoft Corporation) |