sticker emoji icon
sticker-emoji from Material Design Icons by Pictogrammers · Filled · Emoji · Apache-2.0 Free for personal and commercial use.
- Name
- sticker-emoji
- Set
- Material Design Icons
- Style
- Filled
- Category
- Emoji
- Viewbox
- 24×24
- License
- Apache 2.0
More emoji icons from Material Design Icons
emoticonemoticon-angryemoticon-confusedemoticon-coolemoticon-cryemoticon-deademoticon-devilemoticon-excitedemoticon-frownemoticon-happyemoticon-kissemoticon-lolemoticon-neutralemoticon-poopemoticon-sademoticon-sickemoticon-tongueemoticon-winksticker-alertsticker-checksticker-circle-outlinesticker-minussticker-plussticker-remove
Use the sticker emoji icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 2C3.56 2 2 3.56 2 5.5v13C2 20.44 3.56 22 5.5 22H16l6-6V5.5C22 3.56 20.44 2 18.5 2zm.25 2h12.5A1.75 1.75 0 0 1 20 5.75V15h-1.5c-1.94 0-3.5 1.56-3.5 3.5V20H5.75A1.75 1.75 0 0 1 4 18.25V5.75A1.75 1.75 0 0 1 5.75 4m8.69 2.77c-.16 0-.32.02-.47.06c-.94.26-1.47 1.22-1.23 2.17c.05.15.12.3.21.44l3.23-.88q0-.255-.06-.51c-.21-.75-.9-1.28-1.68-1.28M8.17 8.5c-.17 0-.32 0-.47.05c-.93.26-1.48 1.22-1.23 2.15c.03.16.12.3.21.46l3.23-.88c0-.17-.02-.34-.06-.5A1.72 1.72 0 0 0 8.17 8.5m8.55 2.76l-9.13 2.51a5.27 5.27 0 0 0 5.36 1.64a5.27 5.27 0 0 0 3.77-4.15"/></svg>
React
import type { SVGProps } from "react";
export function MdiStickerEmoji(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="M5.5 2C3.56 2 2 3.56 2 5.5v13C2 20.44 3.56 22 5.5 22H16l6-6V5.5C22 3.56 20.44 2 18.5 2zm.25 2h12.5A1.75 1.75 0 0 1 20 5.75V15h-1.5c-1.94 0-3.5 1.56-3.5 3.5V20H5.75A1.75 1.75 0 0 1 4 18.25V5.75A1.75 1.75 0 0 1 5.75 4m8.69 2.77c-.16 0-.32.02-.47.06c-.94.26-1.47 1.22-1.23 2.17c.05.15.12.3.21.44l3.23-.88q0-.255-.06-.51c-.21-.75-.9-1.28-1.68-1.28M8.17 8.5c-.17 0-.32 0-.47.05c-.93.26-1.48 1.22-1.23 2.15c.03.16.12.3.21.46l3.23-.88c0-.17-.02-.34-.06-.5A1.72 1.72 0 0 0 8.17 8.5m8.55 2.76l-9.13 2.51a5.27 5.27 0 0 0 5.36 1.64a5.27 5.27 0 0 0 3.77-4.15"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 2C3.56 2 2 3.56 2 5.5v13C2 20.44 3.56 22 5.5 22H16l6-6V5.5C22 3.56 20.44 2 18.5 2zm.25 2h12.5A1.75 1.75 0 0 1 20 5.75V15h-1.5c-1.94 0-3.5 1.56-3.5 3.5V20H5.75A1.75 1.75 0 0 1 4 18.25V5.75A1.75 1.75 0 0 1 5.75 4m8.69 2.77c-.16 0-.32.02-.47.06c-.94.26-1.47 1.22-1.23 2.17c.05.15.12.3.21.44l3.23-.88q0-.255-.06-.51c-.21-.75-.9-1.28-1.68-1.28M8.17 8.5c-.17 0-.32 0-.47.05c-.93.26-1.48 1.22-1.23 2.15c.03.16.12.3.21.46l3.23-.88c0-.17-.02-.34-.06-.5A1.72 1.72 0 0 0 8.17 8.5m8.55 2.76l-9.13 2.51a5.27 5.27 0 0 0 5.36 1.64a5.27 5.27 0 0 0 3.77-4.15"/></svg> </template>
CSS
.icon-sticker-emoji {
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%22M5.5%202C3.56%202%202%203.56%202%205.5v13C2%2020.44%203.56%2022%205.5%2022H16l6-6V5.5C22%203.56%2020.44%202%2018.5%202zm.25%202h12.5A1.75%201.75%200%200%201%2020%205.75V15h-1.5c-1.94%200-3.5%201.56-3.5%203.5V20H5.75A1.75%201.75%200%200%201%204%2018.25V5.75A1.75%201.75%200%200%201%205.75%204m8.69%202.77c-.16%200-.32.02-.47.06c-.94.26-1.47%201.22-1.23%202.17c.05.15.12.3.21.44l3.23-.88q0-.255-.06-.51c-.21-.75-.9-1.28-1.68-1.28M8.17%208.5c-.17%200-.32%200-.47.05c-.93.26-1.48%201.22-1.23%202.15c.03.16.12.3.21.46l3.23-.88c0-.17-.02-.34-.06-.5A1.72%201.72%200%200%200%208.17%208.5m8.55%202.76l-9.13%202.51a5.27%205.27%200%200%200%205.36%201.64a5.27%205.27%200%200%200%203.77-4.15%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%22M5.5%202C3.56%202%202%203.56%202%205.5v13C2%2020.44%203.56%2022%205.5%2022H16l6-6V5.5C22%203.56%2020.44%202%2018.5%202zm.25%202h12.5A1.75%201.75%200%200%201%2020%205.75V15h-1.5c-1.94%200-3.5%201.56-3.5%203.5V20H5.75A1.75%201.75%200%200%201%204%2018.25V5.75A1.75%201.75%200%200%201%205.75%204m8.69%202.77c-.16%200-.32.02-.47.06c-.94.26-1.47%201.22-1.23%202.17c.05.15.12.3.21.44l3.23-.88q0-.255-.06-.51c-.21-.75-.9-1.28-1.68-1.28M8.17%208.5c-.17%200-.32%200-.47.05c-.93.26-1.48%201.22-1.23%202.15c.03.16.12.3.21.46l3.23-.88c0-.17-.02-.34-.06-.5A1.72%201.72%200%200%200%208.17%208.5m8.55%202.76l-9.13%202.51a5.27%205.27%200%200%200%205.36%201.64a5.27%205.27%200%200%200%203.77-4.15%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/sticker-emoji.svg?color=%231a73e8&size=48
