Fluent Icons

Rectangle Landscape Hint Copy icon

Used in Loop to copy a Loop component. The Rectangle Landscape Hint Copy icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 3 sizes from 16 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

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_rectangle_landscape_hint_copy_24_regular.svg

Rectangle Landscape Hint Copy icon in React

npm install @fluentui/react-icons

import { RectangleLandscapeHintCopy24Regular } from "@fluentui/react-icons";

export function Example() {
  return <RectangleLandscapeHintCopy24Regular aria-label="Rectangle Landscape Hint Copy" />;
}

Rectangle Landscape Hint Copy icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/rectangle_landscape_hint_copy_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/rectangle_landscape_hint_copy_24_regular.svg" width="24" height="24" alt="Rectangle Landscape Hint Copy">

Rectangle Landscape Hint Copy icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.RectangleLandscapeHintCopy())" />

Rectangle Landscape Hint Copy icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.rectangle_landscape_hint_copy_24_regular)

Rectangle Landscape Hint Copy icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF0238;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF0238;" FontSize="24" />

Rectangle Landscape Hint Copy icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_rectangle_landscape_hint_copy_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f0238";
  font-size: 24px;
}

Rectangle Landscape Hint Copy icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_rectangle_landscape_hint_copy_24_regular" />

// Kotlin
R.drawable.ic_fluent_rectangle_landscape_hint_copy_24_regular

Rectangle Landscape Hint Copy icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .rectangleLandscapeHintCopy24Regular)

Rectangle Landscape Hint Copy icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Rectangle Landscape Hint Copy 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 { RectangleLandscapeHintCopy24Regular, RectangleLandscapeHintCopy24Filled } from "@fluentui/react-icons";

export function Example() {
  return <RectangleLandscapeHintCopy24Regular aria-label="Rectangle Landscape Hint Copy" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_rectangle_landscape_hint_copy_24_regular.svg" width="24" height="24" alt="Rectangle Landscape Hint Copy">

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="M7.50076 6.25C7.50076 5.2835 8.28426 4.5 9.25076 4.5H10.2508C10.665 4.5 11.0008 4.16421 11.0008 3.75C11.0008 3.33579 10.665 3 10.2508 3H9.25076C7.45583 3 6.00076 4.45507 6.00076 6.25V6.74C6.00076 7.15421 6.33655 7.49 6.75076 7.49C7.16497 7.49 7.50076 7.15421 7.50076 6.74V6.25ZM6.00076 9.25C6.00076 8.83579 6.33655 8.5 6.75076 8.5C7.16497 8.5 7.50076 8.83579 7.50076 9.25V10.75C7.50076 11.1642 7.16497 11.5 6.75076 11.5C6.33655 11.5 6.00076 11.1642 6.00076 10.75V9.25ZM20.5008 9.25C20.5008 8.83579 20.8365 8.5 21.2508 8.5C21.665 8.5 22.0008 8.83579 22.0008 9.25V10.75C22.0008 11.1642 21.665 11.5 21.2508 11.5C20.8365 11.5 20.5008 11.1642 20.5008 10.75V9.25ZM18.7508 4.5C19.7173 4.5 20.5008 5.2835 20.5008 6.25V6.74C20.5008 7.15421 20.8365 7.49 21.2508 7.49C21.665 7.49 22.0008 7.15421 22.0008 6.74V6.25C22.0008 4.45507 20.5457 3 18.7508 3H17.7508C17.3365 3 17.0008 3.33579 17.0008 3.75C17.0008 4.16421 17.3365 4.5 17.7508 4.5H18.7508ZM12.7508 3C12.3365 3 12.0008 3.33579 12.0008 3.75C12.0008 4.16421 12.3365 4.5 12.7508 4.5H15.2508C15.665 4.5 16.0008 4.16421 16.0008 3.75C16.0008 3.33579 15.665 3 15.2508 3H12.7508ZM9.25076 15.5C8.28426 15.5 7.50076 14.7165 7.50076 13.75V13.2502C7.50076 12.836 7.16497 12.5002 6.75076 12.5002C6.33655 12.5002 6.00076 12.836 6.00076 13.2502V13.75C6.00076 15.5449 7.45583 17 9.25076 17H10.2508C10.665 17 11.0008 16.6642 11.0008 16.25C11.0008 15.8358 10.665 15.5 10.2508 15.5H9.25076ZM20.5008 13.75C20.5008 14.7165 19.7173 15.5 18.7508 15.5H17.7508C17.3365 15.5 17.0008 15.8358 17.0008 16.25C17.0008 16.6642 17.3365 17 17.7508 17H18.7508C20.5457 17 22.0008 15.5449 22.0008 13.75V13.2502C22.0008 12.836 21.665 12.5002 21.2508 12.5002C20.8365 12.5002 20.5008 12.836 20.5008 13.2502V13.75ZM12.0008 16.25C12.0008 16.6642 12.3365 17 12.7508 17H15.2508C15.665 17 16.0008 16.6642 16.0008 16.25C16.0008 15.8358 15.665 15.5 15.2508 15.5H12.7508C12.3365 15.5 12.0008 15.8358 12.0008 16.25ZM2 9.6C2 8.1885 2.57341 6.91093 3.5 5.98752L3.5 13.75C3.5 16.9256 6.07436 19.5 9.25 19.5H20.0125C19.0891 20.4266 17.8115 21 16.4 21H9.25C5.24594 21 2 17.7541 2 13.75L2 9.6Z" fill="currentColor"/></svg>

Details

NameRectangle Landscape Hint Copy
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_rectangle_landscape_hint_copy_24_regular.svg
Filled fileic_fluent_rectangle_landscape_hint_copy_24_filled.svg
React (Regular)RectangleLandscapeHintCopy16Regular, RectangleLandscapeHintCopy20Regular, RectangleLandscapeHintCopy24Regular
React (Filled)RectangleLandscapeHintCopy16Filled, RectangleLandscapeHintCopy20Filled, RectangleLandscapeHintCopy24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

shapedashcopysync

Related icons

Rectangle LandscapeRectangle Landscape SyncRectangle Landscape Sync OffCall Rectangle LandscapeDocument Landscape Split HintRectangle Landscape ClockRectangle Landscape Line HorizontalRectangle Landscape OffRectangle Landscape SparkleCircle HintCircle Hint Half VerticalCopy