Cube Rotate icon
Used in 3D experience scenarios. The Cube Rotate 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_rotate_20_regular.svg
Cube Rotate icon in React
npm install @fluentui/react-icons
import { CubeRotate20Regular } from "@fluentui/react-icons";
export function Example() {
return <CubeRotate20Regular aria-label="Cube Rotate" />;
}Use the Cube Rotate 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 { CubeRotate20Regular, CubeRotate20Filled } from "@fluentui/react-icons";
export function Example() {
return <CubeRotate20Regular aria-label="Cube Rotate" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_cube_rotate_20_regular.svg" width="20" height="20" alt="Cube Rotate"> 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="M8.95 3.53a2.5 2.5 0 0 1 2.1 0L15.7 5.7a.5.5 0 0 1 .29.45V8h1V6.14a1.5 1.5 0 0 0-.87-1.36l-4.66-2.15a3.5 3.5 0 0 0-2.94 0L3.87 4.78A1.5 1.5 0 0 0 3 6.14V8h1V6.14q.01-.31.29-.45zM3.4 11a7 7 0 0 0 .76.54A11.4 11.4 0 0 0 10 13a11.4 11.4 0 0 0 6-1.56 7 7 0 0 0 1-.8q.3-.31.52-.64H16a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .5.5V12a.5.5 0 0 1-1 0v-.98a6 6 0 0 1-1.64 1.37l-.36.21c-1.6.87-3.7 1.4-6 1.4a12.7 12.7 0 0 1-6.36-1.61L3 11.96a6 6 0 0 1-1-.94V12a.5.5 0 0 1-1 0V9.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 1 0 1H2.48a4 4 0 0 0 .92 1m.6 2.72v.14q.01.31.29.45l4.66 2.16c.67.3 1.43.3 2.1 0l4.66-2.16a.5.5 0 0 0 .29-.45v-.14a10 10 0 0 0 1-.55v.7a1.5 1.5 0 0 1-.87 1.35l-4.66 2.15c-.93.43-2 .43-2.94 0l-4.66-2.15A1.5 1.5 0 0 1 3 13.86v-.69q.47.3 1 .55M6.04 6.8a.5.5 0 0 1 .66-.26L10 7.96l3.3-1.42a.5.5 0 0 1 .4.92l-3.2 1.37V11a.5.5 0 1 1-1 0V8.83L6.3 7.46a.5.5 0 0 1-.26-.66"/></svg>Details
| Name | Cube Rotate |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 20 px |
| Regular (outlined) file | ic_fluent_cube_rotate_20_regular.svg |
| Filled file | ic_fluent_cube_rotate_20_filled.svg |
| React (Regular) | CubeRotate20Regular |
| React (Filled) | CubeRotate20Filled |
| License | MIT (© Microsoft Corporation) |