Fluent Icons

Document Border Print icon

Used to represent general file types and actions. The Document Border Print icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 3 sizes from 20 to 32 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_document_border_print_24_regular.svg

Document Border Print icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <DocumentBorderPrint24Regular aria-label="Document Border Print" />;
}

Document Border Print icon in SVG

npm install @fluentui/svg-icons

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

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/document_border_print_24_regular.svg" width="24" height="24" alt="Document Border Print">

Document Border Print icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Document Border Print icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.document_border_print_24_regular)

Document Border Print 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="&#xF0012;" FontSize="24" />

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

Document Border Print 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_document_border_print_24_regular"></i>

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

Document Border Print icon in Android

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

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

// Kotlin
R.drawable.ic_fluent_document_border_print_24_regular

Document Border Print icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .documentBorderPrint24Regular)

Document Border Print 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 Document Border Print 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 { DocumentBorderPrint24Regular, DocumentBorderPrint24Filled } from "@fluentui/react-icons";

export function Example() {
  return <DocumentBorderPrint24Regular aria-label="Document Border Print" />;
}

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_document_border_print_24_regular.svg" width="24" height="24" alt="Document Border Print">

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.25 2C5.45507 2 4 3.45507 4 5.25V18.75C4 20.5449 5.45507 22 7.25 22H13.1035C13.0579 21.8389 13.0267 21.6717 13.0112 21.5H13C12.2597 21.5 11.6134 21.0978 11.2676 20.5H7.25C6.2835 20.5 5.5 19.7165 5.5 18.75V5.25C5.5 4.2835 6.2835 3.5 7.25 3.5H16.75C17.7165 3.5 18.5 4.2835 18.5 5.25V11H19.25C19.51 11 19.7616 11.0361 20 11.1035V5.25C20 3.45507 18.5449 2 16.75 2H7.25ZM17 6V11H15.75C15.6657 11 15.5823 11.0038 15.5 11.0112V6.5H8.5V17.5H11V19H8C7.44772 19 7 18.5523 7 18V6C7 5.44771 7.44772 5 8 5H16C16.5523 5 17 5.44771 17 6ZM14 13.75C14 12.7835 14.7835 12 15.75 12H19.25C20.2165 12 21 12.7835 21 13.75V14.5H21.5C22.3284 14.5 23 15.1716 23 16V19.5C23 20.0523 22.5523 20.5 22 20.5H21V21.25C21 22.2165 20.2165 23 19.25 23H15.75C14.7835 23 14 22.2165 14 21.25V20.5H13C12.4477 20.5 12 20.0523 12 19.5V16C12 15.1716 12.6716 14.5 13.5 14.5H14V13.75ZM19.5 13.75C19.5 13.6119 19.3881 13.5 19.25 13.5H15.75C15.6119 13.5 15.5 13.6119 15.5 13.75V14.5H19.5V13.75ZM15.5 19.25V21.25C15.5 21.3881 15.6119 21.5 15.75 21.5H19.25C19.3881 21.5 19.5 21.3881 19.5 21.25V19.25C19.5 19.1119 19.3881 19 19.25 19H15.75C15.6119 19 15.5 19.1119 15.5 19.25Z" fill="currentColor"/></svg>

Details

NameDocument Border Print
StylesRegular (outlined), Filled
Sizes20 px, 24 px, 32 px
Regular (outlined) fileic_fluent_document_border_print_24_regular.svg
Filled fileic_fluent_document_border_print_24_filled.svg
React (Regular)DocumentBorderPrint20Regular, DocumentBorderPrint24Regular, DocumentBorderPrint32Regular
React (Filled)DocumentBorderPrint20Filled, DocumentBorderPrint24Filled, DocumentBorderPrint32Filled
LicenseMIT (© Microsoft Corporation)

Keywords

paperworkfileanaloghorizontal

Related icons

Document PrintDocument ImageDocument JAVADocument LandscapeDocument Landscape DataDocument Landscape SplitDocument Landscape Split HintDocument LinkDocument LockDocument Multiple PercentDocument Multiple ProhibitedDocument One Page