Window New icon
Used to represent general windowed app scenarios. The Window New 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 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 { WindowNew24Regular, WindowNew24Filled } from "@fluentui/react-icons";
export function Example() {
return <WindowNew24Regular aria-label="Window New" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_window_new_24_regular.svg" width="24" height="24" alt="Window New"> 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="M17.75 3C19.5449 3 21 4.45507 21 6.25V14.75C21 16.4641 19.6729 17.8673 17.9902 17.9902C17.8673 19.6729 16.4641 21 14.75 21H8.75C5.57436 21 3 18.4256 3 15.25V9.25C3 7.53621 4.3265 6.13221 6.00879 6.00879C6.13221 4.32651 7.53621 3 9.25 3H17.75ZM6 7.51953C5.15205 7.64095 4.5 8.36847 4.5 9.25V15.25C4.5 17.5972 6.40279 19.5 8.75 19.5H14.75C15.6315 19.5 16.3591 18.8479 16.4805 18H9.25C7.45507 18 6 16.5449 6 14.75V7.51953ZM9.25 4.5C8.2835 4.5 7.5 5.2835 7.5 6.25V14.75C7.5 15.7165 8.2835 16.5 9.25 16.5H17.75C18.7165 16.5 19.5 15.7165 19.5 14.75V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5H9.25ZM16.25 7C16.6642 7 17 7.33579 17 7.75V12.25C17 12.6642 16.6642 13 16.25 13C15.8358 13 15.5 12.6642 15.5 12.25V9.56055L11.2803 13.7803C10.9874 14.0732 10.5126 14.0732 10.2197 13.7803C9.92683 13.4874 9.92683 13.0126 10.2197 12.7197L14.4395 8.5H11.75C11.3358 8.5 11 8.16421 11 7.75C11 7.33579 11.3358 7 11.75 7H16.25Z" 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_24_regular.svg";Details
| Name | Window New |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_window_new_24_regular.svg |
| Filled file | ic_fluent_window_new_24_filled.svg |
| React components | WindowNew24Regular, WindowNew24Filled |
| License | MIT (© Microsoft Corporation) |