sticker icon

sticker-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.

Name: sticker-28-filled
Set: Fluent UI System Icons
Style: 28 Filled
Viewbox: 28×28
License: MIT

12 other variants in Fluent UI System Icons

sticker-12-filled sticker-12-regular sticker-16-filled sticker-16-regular sticker-20-filled sticker-20-regular sticker-24-filled sticker-24-regular sticker-28-regular sticker-32-filled sticker-32-light sticker-32-regular

The same icon in other sets

stickerBoxIcons v2 stickerBoxIcons v2 Solid stickerFramework7 Icons stickerHuge Icons stickerLucide stickerMaterial Symbols stickerMaterial Symbols Light stickerMaterial Design Icons sticker-fillMingCute Icon stickerPhosphor stickerPixelarticons stickerTabler Icons sticker-outlinedWeUI Icon

Related icons in Fluent UI System Icons

sticker-add-20-filled

Use the sticker icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M21.25 3A3.75 3.75 0 0 1 25 6.75v7.593q0 .078-.004.157H18.75a3.75 3.75 0 0 0-3.737 3.432l-.013.02q-.463.046-1 .048c-1.868 0-3.043-.465-3.731-.889a3.3 3.3 0 0 1-.884-.76a.75.75 0 0 0-1.27.797c.08.16.23.305.352.433c.22.23.55.521 1.014.808c.937.576 2.387 1.111 4.519 1.111q.528-.002 1-.044v5.497q-.326.046-.657.047H6.75A3.75 3.75 0 0 1 3 21.25V6.75A3.75 3.75 0 0 1 6.75 3zM10 8a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m8 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m6.7 8a4.75 4.75 0 0 1-1.092 1.702l-5.906 5.906a4.8 4.8 0 0 1-1.202.872v-6.23A2.25 2.25 0 0 1 18.75 16z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSticker28Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M21.25 3A3.75 3.75 0 0 1 25 6.75v7.593q0 .078-.004.157H18.75a3.75 3.75 0 0 0-3.737 3.432l-.013.02q-.463.046-1 .048c-1.868 0-3.043-.465-3.731-.889a3.3 3.3 0 0 1-.884-.76a.75.75 0 0 0-1.27.797c.08.16.23.305.352.433c.22.23.55.521 1.014.808c.937.576 2.387 1.111 4.519 1.111q.528-.002 1-.044v5.497q-.326.046-.657.047H6.75A3.75 3.75 0 0 1 3 21.25V6.75A3.75 3.75 0 0 1 6.75 3zM10 8a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m8 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m6.7 8a4.75 4.75 0 0 1-1.092 1.702l-5.906 5.906a4.8 4.8 0 0 1-1.202.872v-6.23A2.25 2.25 0 0 1 18.75 16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M21.25 3A3.75 3.75 0 0 1 25 6.75v7.593q0 .078-.004.157H18.75a3.75 3.75 0 0 0-3.737 3.432l-.013.02q-.463.046-1 .048c-1.868 0-3.043-.465-3.731-.889a3.3 3.3 0 0 1-.884-.76a.75.75 0 0 0-1.27.797c.08.16.23.305.352.433c.22.23.55.521 1.014.808c.937.576 2.387 1.111 4.519 1.111q.528-.002 1-.044v5.497q-.326.046-.657.047H6.75A3.75 3.75 0 0 1 3 21.25V6.75A3.75 3.75 0 0 1 6.75 3zM10 8a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m8 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m6.7 8a4.75 4.75 0 0 1-1.092 1.702l-5.906 5.906a4.8 4.8 0 0 1-1.202.872v-6.23A2.25 2.25 0 0 1 18.75 16z"/></svg>
</template>

CSS

.icon-sticker-28-filled {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.25%203A3.75%203.75%200%200%201%2025%206.75v7.593q0%20.078-.004.157H18.75a3.75%203.75%200%200%200-3.737%203.432l-.013.02q-.463.046-1%20.048c-1.868%200-3.043-.465-3.731-.889a3.3%203.3%200%200%201-.884-.76a.75.75%200%200%200-1.27.797c.08.16.23.305.352.433c.22.23.55.521%201.014.808c.937.576%202.387%201.111%204.519%201.111q.528-.002%201-.044v5.497q-.326.046-.657.047H6.75A3.75%203.75%200%200%201%203%2021.25V6.75A3.75%203.75%200%200%201%206.75%203zM10%208a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3m8%200a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3m6.7%208a4.75%204.75%200%200%201-1.092%201.702l-5.906%205.906a4.8%204.8%200%200%201-1.202.872v-6.23A2.25%202.25%200%200%201%2018.75%2016z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.25%203A3.75%203.75%200%200%201%2025%206.75v7.593q0%20.078-.004.157H18.75a3.75%203.75%200%200%200-3.737%203.432l-.013.02q-.463.046-1%20.048c-1.868%200-3.043-.465-3.731-.889a3.3%203.3%200%200%201-.884-.76a.75.75%200%200%200-1.27.797c.08.16.23.305.352.433c.22.23.55.521%201.014.808c.937.576%202.387%201.111%204.519%201.111q.528-.002%201-.044v5.497q-.326.046-.657.047H6.75A3.75%203.75%200%200%201%203%2021.25V6.75A3.75%203.75%200%200%201%206.75%203zM10%208a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3m8%200a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3m6.7%208a4.75%204.75%200%200%201-1.092%201.702l-5.906%205.906a4.8%204.8%200%200%201-1.202.872v-6.23A2.25%202.25%200%200%201%2018.75%2016z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sticker-28-filled.svg?color=%231a73e8&size=48