Window New Rotate 180 icon (Filled & Regular)

The Window New Rotate 180 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 Window New Rotate 180 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 { WindowNewRotate18024Regular, WindowNewRotate18024Filled } from "@fluentui/react-icons";

export function Example() {
  return <WindowNewRotate18024Regular aria-label="Window New Rotate 180" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_window_new_rotate_180_24_regular.svg" width="24" height="24" alt="Window New Rotate 180">

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="M6.25 21C4.45508 21 3 19.5449 3 17.75V9.25C3 7.5359 4.32705 6.13275 6.00977 6.00977C6.13275 4.32706 7.5359 3 9.25 3H15.25C18.4256 3 21 5.57436 21 8.75V14.75C21 16.4638 19.6735 17.8678 17.9912 17.9912C17.8678 19.6735 16.4638 21 14.75 21H6.25ZM18 16.4805C18.8479 16.3591 19.5 15.6315 19.5 14.75V8.75C19.5 6.40279 17.5972 4.5 15.25 4.5H9.25C8.36847 4.5 7.64095 5.15205 7.51953 6H14.75C16.5449 6 18 7.45507 18 9.25V16.4805ZM14.75 19.5C15.7165 19.5 16.5 18.7165 16.5 17.75V9.25C16.5 8.2835 15.7165 7.5 14.75 7.5H6.25C5.2835 7.5 4.5 8.2835 4.5 9.25V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H14.75ZM7.75 17C7.33579 17 7 16.6642 7 16.25V11.75C7 11.3358 7.33579 11 7.75 11C8.16421 11 8.5 11.3358 8.5 11.75V14.4395L12.7197 10.2197C13.0126 9.92683 13.4874 9.92683 13.7803 10.2197C14.0732 10.5126 14.0732 10.9874 13.7803 11.2803L9.56055 15.5H12.25C12.6642 15.5 13 15.8358 13 16.25C13 16.6642 12.6642 17 12.25 17H7.75Z" 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/window_new_rotate_180_24_regular.svg";

Details

Name	Window New Rotate 180
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_window_new_rotate_180_24_regular.svg`
Filled file	`ic_fluent_window_new_rotate_180_24_filled.svg`
React components	`WindowNewRotate18024Regular, WindowNewRotate18024Filled`
License	MIT (© Microsoft Corporation)

Window New Rotate 180 icon

Use the Window New Rotate 180 icon in React

Use it in HTML

Use it from the SVG package

Details

Related icons