sticker icon
sticker from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- sticker
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-sticker
The same icon in other sets
Use the sticker icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.796 9.982C20.849 5.357 16.729 2 12 2C6.486 2 2 6.486 2 12c0 4.729 3.357 8.849 7.982 9.796a.99.99 0 0 0 .908-.272l10.633-10.633c.238-.238.34-.578.273-.909M11 18a7.93 7.93 0 0 1 1.365-4.471a8 8 0 0 1 .978-1.186a8 8 0 0 1 1.184-.977a8 8 0 0 1 1.36-.738c.481-.203.986-.36 1.501-.466a8 8 0 0 1 2.17-.134l-8.529 8.529c-.013-.185-.029-.37-.029-.557m-7-6c0-4.411 3.589-8 8-8c2.909 0 5.528 1.589 6.929 4.005a10 10 0 0 0-1.943.198c-.643.132-1.274.328-1.879.583a10 10 0 0 0-1.699.923c-.533.361-1.03.771-1.479 1.22s-.858.945-1.221 1.48c-.359.533-.67 1.104-.922 1.698A10 10 0 0 0 9 18c0 .491.048.979.119 1.461C6.089 18.288 4 15.336 4 12"/></svg>
React
import type { SVGProps } from "react";
export function BxSticker(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="M21.796 9.982C20.849 5.357 16.729 2 12 2C6.486 2 2 6.486 2 12c0 4.729 3.357 8.849 7.982 9.796a.99.99 0 0 0 .908-.272l10.633-10.633c.238-.238.34-.578.273-.909M11 18a7.93 7.93 0 0 1 1.365-4.471a8 8 0 0 1 .978-1.186a8 8 0 0 1 1.184-.977a8 8 0 0 1 1.36-.738c.481-.203.986-.36 1.501-.466a8 8 0 0 1 2.17-.134l-8.529 8.529c-.013-.185-.029-.37-.029-.557m-7-6c0-4.411 3.589-8 8-8c2.909 0 5.528 1.589 6.929 4.005a10 10 0 0 0-1.943.198c-.643.132-1.274.328-1.879.583a10 10 0 0 0-1.699.923c-.533.361-1.03.771-1.479 1.22s-.858.945-1.221 1.48c-.359.533-.67 1.104-.922 1.698A10 10 0 0 0 9 18c0 .491.048.979.119 1.461C6.089 18.288 4 15.336 4 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.796 9.982C20.849 5.357 16.729 2 12 2C6.486 2 2 6.486 2 12c0 4.729 3.357 8.849 7.982 9.796a.99.99 0 0 0 .908-.272l10.633-10.633c.238-.238.34-.578.273-.909M11 18a7.93 7.93 0 0 1 1.365-4.471a8 8 0 0 1 .978-1.186a8 8 0 0 1 1.184-.977a8 8 0 0 1 1.36-.738c.481-.203.986-.36 1.501-.466a8 8 0 0 1 2.17-.134l-8.529 8.529c-.013-.185-.029-.37-.029-.557m-7-6c0-4.411 3.589-8 8-8c2.909 0 5.528 1.589 6.929 4.005a10 10 0 0 0-1.943.198c-.643.132-1.274.328-1.879.583a10 10 0 0 0-1.699.923c-.533.361-1.03.771-1.479 1.22s-.858.945-1.221 1.48c-.359.533-.67 1.104-.922 1.698A10 10 0 0 0 9 18c0 .491.048.979.119 1.461C6.089 18.288 4 15.336 4 12"/></svg> </template>
CSS
.icon-sticker {
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%22M21.796%209.982C20.849%205.357%2016.729%202%2012%202C6.486%202%202%206.486%202%2012c0%204.729%203.357%208.849%207.982%209.796a.99.99%200%200%200%20.908-.272l10.633-10.633c.238-.238.34-.578.273-.909M11%2018a7.93%207.93%200%200%201%201.365-4.471a8%208%200%200%201%20.978-1.186a8%208%200%200%201%201.184-.977a8%208%200%200%201%201.36-.738c.481-.203.986-.36%201.501-.466a8%208%200%200%201%202.17-.134l-8.529%208.529c-.013-.185-.029-.37-.029-.557m-7-6c0-4.411%203.589-8%208-8c2.909%200%205.528%201.589%206.929%204.005a10%2010%200%200%200-1.943.198c-.643.132-1.274.328-1.879.583a10%2010%200%200%200-1.699.923c-.533.361-1.03.771-1.479%201.22s-.858.945-1.221%201.48c-.359.533-.67%201.104-.922%201.698A10%2010%200%200%200%209%2018c0%20.491.048.979.119%201.461C6.089%2018.288%204%2015.336%204%2012%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%22M21.796%209.982C20.849%205.357%2016.729%202%2012%202C6.486%202%202%206.486%202%2012c0%204.729%203.357%208.849%207.982%209.796a.99.99%200%200%200%20.908-.272l10.633-10.633c.238-.238.34-.578.273-.909M11%2018a7.93%207.93%200%200%201%201.365-4.471a8%208%200%200%201%20.978-1.186a8%208%200%200%201%201.184-.977a8%208%200%200%201%201.36-.738c.481-.203.986-.36%201.501-.466a8%208%200%200%201%202.17-.134l-8.529%208.529c-.013-.185-.029-.37-.029-.557m-7-6c0-4.411%203.589-8%208-8c2.909%200%205.528%201.589%206.929%204.005a10%2010%200%200%200-1.943.198c-.643.132-1.274.328-1.879.583a10%2010%200%200%200-1.699.923c-.533.361-1.03.771-1.479%201.22s-.858.945-1.221%201.48c-.359.533-.67%201.104-.922%201.698A10%2010%200%200%200%209%2018c0%20.491.048.979.119%201.461C6.089%2018.288%204%2015.336%204%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/sticker.svg?color=%231a73e8&size=48
