Fluent Icons

Print Add icon

Used to represent a physical or digital printer. The Print Add icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 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

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

Print Add icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <PrintAdd24Regular aria-label="Print Add" />;
}

Print Add icon in SVG

npm install @fluentui/svg-icons

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

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

Print Add icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Print Add icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.print_add_24_regular)

Print Add 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="&#xE9CE;" FontSize="24" />

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

Print Add 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_print_add_24_regular"></i>

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

Print Add icon in Android

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

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

// Kotlin
R.drawable.ic_fluent_print_add_24_regular

Print Add icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .printAdd24Regular)

Print Add 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 Print Add 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 { PrintAdd24Regular, PrintAdd24Filled } from "@fluentui/react-icons";

export function Example() {
  return <PrintAdd24Regular aria-label="Print Add" />;
}

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_print_add_24_regular.svg" width="24" height="24" alt="Print Add">

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="M23 6.5C23 3.46243 20.5376 1 17.5 1C14.4624 1 12 3.46243 12 6.5C12 9.53757 14.4624 12 17.5 12C20.5376 12 23 9.53757 23 6.5ZM18.0006 7.00001L18.0011 9.50352C18.0011 9.77966 17.7773 10.0035 17.5011 10.0035C17.225 10.0035 17.0011 9.77966 17.0011 9.50352L17.0006 7.00001H14.4956C14.2197 7.00001 13.9961 6.77615 13.9961 6.50001C13.9961 6.22387 14.2197 6.00001 14.4956 6.00001H17.0005L17 3.49927C17 3.22313 17.2239 2.99927 17.5 2.99927C17.7761 2.99927 18 3.22313 18 3.49927L18.0005 6.00001H20.4966C20.7725 6.00001 20.9961 6.22387 20.9961 6.50001C20.9961 6.77615 20.7725 7.00001 20.4966 7.00001H18.0006ZM20.5071 16.2512L20.5049 12.2652C21.0558 11.9775 21.5604 11.6131 22.0043 11.1863L22.0071 16.2497C22.009 17.4918 21.0021 18.5002 19.7591 18.5009L18 18.5V19.75C18 20.9926 16.9926 22 15.75 22H8.25C7.00736 22 6 20.9926 6 19.75L6.00091 18.5L4.25 18.5001C3.00736 18.5001 2 17.4927 2 16.2501V10.2536C2 8.45865 3.45507 7.00358 5.25 7.00358L5.999 7.003L6 6.25C6 5.00736 7.00736 4 8.25 4H11.4982C11.3004 4.47417 11.1572 4.97679 11.0764 5.5H8.25C7.83579 5.5 7.5 5.83579 7.5 6.25L7.499 7.003H11.0192C11.0589 7.52268 11.1598 8.02526 11.3147 8.50358H5.25C4.2835 8.50358 3.5 9.28708 3.5 10.2536V16.2501C3.5 16.6643 3.83579 17.0001 4.25 17.0001L6 17V15.25C6 14.0074 7.00736 13 8.25 13H15.75C16.9926 13 18 14.0074 18 15.25L18.0009 17.0001L19.7827 17.0005C20.1855 16.9874 20.5077 16.6567 20.5071 16.2512ZM16.5 15.25C16.5 14.8358 16.1642 14.5 15.75 14.5H8.25C7.83579 14.5 7.5 14.8358 7.5 15.25V19.75C7.5 20.1642 7.83579 20.5 8.25 20.5H15.75C16.1642 20.5 16.5 20.1642 16.5 19.75V15.25Z" fill="currentColor"/></svg>

Details

NamePrint Add
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_print_add_24_regular.svg
Filled fileic_fluent_print_add_24_filled.svg
React (Regular)PrintAdd20Regular, PrintAdd24Regular
React (Filled)PrintAdd20Filled, PrintAdd24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

papercopyanalogoffice

Related icons

PrintDocument Border PrintDocument PrintClipboard Task AddDocument AddDocument One Page AddDocument Queue AddDrawer AddFolder AddGauge AddHeadset AddAdd