Sticker Add icon

Used to represent sticker collections in UI. The Sticker 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_sticker_add_24_regular.svg

Sticker Add icon in React

npm install @fluentui/react-icons

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

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

Sticker Add icon in SVG

npm install @fluentui/svg-icons

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

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

Sticker 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.StickerAdd())" />

Sticker Add icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.sticker_add_24_regular)

Sticker 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="&#xF728;" FontSize="24" />

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

Sticker 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_sticker_add_24_regular"></i>

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

Sticker 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_sticker_add_24_regular" />

// Kotlin
R.drawable.ic_fluent_sticker_add_24_regular

Sticker Add icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .stickerAdd24Regular)

Sticker 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 Sticker 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 { StickerAdd24Regular, StickerAdd24Filled } from "@fluentui/react-icons";

export function Example() {
  return <StickerAdd24Regular aria-label="Sticker 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_sticker_add_24_regular.svg" width="24" height="24" alt="Sticker 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="M17.5 12C20.5376 12 23 14.4624 23 17.5C23 20.5376 20.5376 23 17.5 23C14.4624 23 12 20.5376 12 17.5C12 14.4624 14.4624 12 17.5 12ZM17.5 13.9992L17.4101 14.0073C17.206 14.0443 17.0451 14.2053 17.0081 14.4094L17 14.4992L16.9996 16.9992L14.4977 17L14.4078 17.0081C14.2037 17.0451 14.0427 17.206 14.0057 17.4101L13.9977 17.5L14.0057 17.5899C14.0427 17.794 14.2037 17.9549 14.4078 17.9919L14.4977 18L17.0007 17.9992L17.0011 20.5035L17.0092 20.5934C17.0462 20.7975 17.2071 20.9584 17.4112 20.9954L17.5011 21.0035L17.591 20.9954C17.7951 20.9584 17.956 20.7975 17.9931 20.5934L18.0011 20.5035L18.0007 17.9992L20.5046 18L20.5944 17.9919C20.7985 17.9549 20.9595 17.794 20.9965 17.5899L21.0046 17.5L20.9965 17.4101C20.9595 17.206 20.7985 17.0451 20.5944 17.0081L20.5046 17L17.9996 16.9992L18 14.4992L17.9919 14.4094C17.9549 14.2053 17.794 14.0443 17.5899 14.0073L17.5 13.9992ZM17.75 3C19.5449 3 21 4.45507 21 6.25L21.0012 12.0226C20.5378 11.7258 20.0342 11.4861 19.5004 11.3136L19.5 6.25C19.5 5.2835 18.7165 4.5 17.75 4.5H6.25C5.2835 4.5 4.5 5.2835 4.5 6.25V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5L11.3136 19.5004C11.4861 20.0342 11.7258 20.5378 12.0226 21.0012L6.25 21C4.45507 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45507 3 6.25 3H17.75ZM9.1766 14.1357C9.88531 14.6258 10.6573 14.9086 11.5044 14.987C11.31 15.4482 11.1677 15.9382 11.0847 16.4481C10.0902 16.313 9.16653 15.9525 8.32333 15.3693C7.98266 15.1337 7.89751 14.6665 8.13314 14.3259C8.36876 13.9852 8.83594 13.9 9.1766 14.1357ZM9.00045 7.75116C9.69041 7.75116 10.2497 8.31048 10.2497 9.00045C10.2497 9.69041 9.69041 10.2497 9.00045 10.2497C8.31048 10.2497 7.75116 9.69041 7.75116 9.00045C7.75116 8.31048 8.31048 7.75116 9.00045 7.75116ZM15.0004 7.75116C15.6904 7.75116 16.2497 8.31048 16.2497 9.00045C16.2497 9.69041 15.6904 10.2497 15.0004 10.2497C14.3105 10.2497 13.7512 9.69041 13.7512 9.00045C13.7512 8.31048 14.3105 7.75116 15.0004 7.75116Z" fill="currentColor"/></svg>

Details

NameSticker Add
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_sticker_add_24_regular.svg
Filled fileic_fluent_sticker_add_24_filled.svg
React (Regular)StickerAdd20Regular, StickerAdd24Regular
React (Filled)StickerAdd20Filled, StickerAdd24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

contentemotevote

Related icons