sticker add icon

sticker-add from Material Symbols Light by Google · Regular · Actions · Apache-2.0 Free for personal and commercial use.

Name: sticker-add
Set: Material Symbols Light
Style: Regular
Category: Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

sticker-add-outline sticker-add-outline-rounded sticker-add-outline-sharp sticker-add-rounded sticker-add-sharp

The same icon in other sets

sticker-add-20-filledFluent UI System Icons sticker-addMaterial Symbols

More actions icons from Material Symbols Light

Use the sticker add icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 7V5h-2V4h2V2h1v2h2v1h-2v2zm-5.573 2.27l2.38-.674q.068-.565-.323-.985q-.392-.419-.984-.419q-.545 0-.926.382t-.382.926q0 .217.072.4q.07.183.163.37m-6 1.75l2.38-.674q.062-.565-.325-.985t-.991-.419q-.539 0-.919.382q-.38.381-.38.926q0 .217.072.4q.07.183.163.37m4.073 3.71q1.494 0 2.654-.922q1.16-.923 1.5-2.373L8.5 13.454q.592.627 1.367.952t1.633.325M15 19l4-4h-2q-.825 0-1.412.588T15 17zm.577 1H5.616q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h9.023q-.012.125-.018.244t-.005.256q0 2.027 1.428 3.456T19.5 9.385q.138 0 .256-.006T20 9.362v6.215z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightStickerAdd(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 7V5h-2V4h2V2h1v2h2v1h-2v2zm-5.573 2.27l2.38-.674q.068-.565-.323-.985q-.392-.419-.984-.419q-.545 0-.926.382t-.382.926q0 .217.072.4q.07.183.163.37m-6 1.75l2.38-.674q.062-.565-.325-.985t-.991-.419q-.539 0-.919.382q-.38.381-.38.926q0 .217.072.4q.07.183.163.37m4.073 3.71q1.494 0 2.654-.922q1.16-.923 1.5-2.373L8.5 13.454q.592.627 1.367.952t1.633.325M15 19l4-4h-2q-.825 0-1.412.588T15 17zm.577 1H5.616q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h9.023q-.012.125-.018.244t-.005.256q0 2.027 1.428 3.456T19.5 9.385q.138 0 .256-.006T20 9.362v6.215z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 7V5h-2V4h2V2h1v2h2v1h-2v2zm-5.573 2.27l2.38-.674q.068-.565-.323-.985q-.392-.419-.984-.419q-.545 0-.926.382t-.382.926q0 .217.072.4q.07.183.163.37m-6 1.75l2.38-.674q.062-.565-.325-.985t-.991-.419q-.539 0-.919.382q-.38.381-.38.926q0 .217.072.4q.07.183.163.37m4.073 3.71q1.494 0 2.654-.922q1.16-.923 1.5-2.373L8.5 13.454q.592.627 1.367.952t1.633.325M15 19l4-4h-2q-.825 0-1.412.588T15 17zm.577 1H5.616q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h9.023q-.012.125-.018.244t-.005.256q0 2.027 1.428 3.456T19.5 9.385q.138 0 .256-.006T20 9.362v6.215z"/></svg>
</template>

CSS

.icon-sticker-add {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%207V5h-2V4h2V2h1v2h2v1h-2v2zm-5.573%202.27l2.38-.674q.068-.565-.323-.985q-.392-.419-.984-.419q-.545%200-.926.382t-.382.926q0%20.217.072.4q.07.183.163.37m-6%201.75l2.38-.674q.062-.565-.325-.985t-.991-.419q-.539%200-.919.382q-.38.381-.38.926q0%20.217.072.4q.07.183.163.37m4.073%203.71q1.494%200%202.654-.922q1.16-.923%201.5-2.373L8.5%2013.454q.592.627%201.367.952t1.633.325M15%2019l4-4h-2q-.825%200-1.412.588T15%2017zm.577%201H5.616q-.691%200-1.153-.462T4%2018.384V5.616q0-.691.463-1.153T5.616%204h9.023q-.012.125-.018.244t-.005.256q0%202.027%201.428%203.456T19.5%209.385q.138%200%20.256-.006T20%209.362v6.215z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%207V5h-2V4h2V2h1v2h2v1h-2v2zm-5.573%202.27l2.38-.674q.068-.565-.323-.985q-.392-.419-.984-.419q-.545%200-.926.382t-.382.926q0%20.217.072.4q.07.183.163.37m-6%201.75l2.38-.674q.062-.565-.325-.985t-.991-.419q-.539%200-.919.382q-.38.381-.38.926q0%20.217.072.4q.07.183.163.37m4.073%203.71q1.494%200%202.654-.922q1.16-.923%201.5-2.373L8.5%2013.454q.592.627%201.367.952t1.633.325M15%2019l4-4h-2q-.825%200-1.412.588T15%2017zm.577%201H5.616q-.691%200-1.153-.462T4%2018.384V5.616q0-.691.463-1.153T5.616%204h9.023q-.012.125-.018.244t-.005.256q0%202.027%201.428%203.456T19.5%209.385q.138%200%20.256-.006T20%209.362v6.215z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/sticker-add.svg?color=%231a73e8&size=48