wrapped gift emoji

wrapped-gift from Fluent Emoji High Contrast by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.

Name: wrapped-gift
Set: Fluent Emoji High Contrast
Style: Default
Category: Activities
Viewbox: 32×32
License: MIT

The same emoji in other sets

wrapped-giftEmoji One (Colored)wrapped-giftFluent Emoji wrapped-giftFluent Emoji Flat wrapped-giftNoto Emoji wrapped-giftOpenMoji wrapped-giftTwitter Emoji

More activities icons from Fluent Emoji High Contrast

Use the wrapped gift emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.534 3.084C22.954.74 27 2.463 27 5.847c0 .424-.123.82-.336 1.153h.997A2.34 2.34 0 0 1 30 9.342v4.316a2.34 2.34 0 0 1-2 2.318v11.938C28 29.62 26.603 31 24.888 31H7.112C5.4 31 4 29.634 4 27.914V15.976a2.34 2.34 0 0 1-2-2.318V9.342A2.34 2.34 0 0 1 4.338 7h.993A2.15 2.15 0 0 1 5 5.847C5 2.463 9.045.731 11.467 3.084l1.79 1.736A3 3 0 0 1 16.005 3c1.225 0 2.278.745 2.742 1.816zM6 16v11.914C6 28.507 6.482 29 7.112 29H13V16zm13 0v13h5.888A1.1 1.1 0 0 0 26 27.914V16zm9-2.342V9.342A.34.34 0 0 0 27.662 9H19v5h8.662a.34.34 0 0 0 .338-.342M13 9H4.338A.34.34 0 0 0 4 9.342v4.316a.34.34 0 0 0 .338.342H13z"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastWrappedGift(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.534 3.084C22.954.74 27 2.463 27 5.847c0 .424-.123.82-.336 1.153h.997A2.34 2.34 0 0 1 30 9.342v4.316a2.34 2.34 0 0 1-2 2.318v11.938C28 29.62 26.603 31 24.888 31H7.112C5.4 31 4 29.634 4 27.914V15.976a2.34 2.34 0 0 1-2-2.318V9.342A2.34 2.34 0 0 1 4.338 7h.993A2.15 2.15 0 0 1 5 5.847C5 2.463 9.045.731 11.467 3.084l1.79 1.736A3 3 0 0 1 16.005 3c1.225 0 2.278.745 2.742 1.816zM6 16v11.914C6 28.507 6.482 29 7.112 29H13V16zm13 0v13h5.888A1.1 1.1 0 0 0 26 27.914V16zm9-2.342V9.342A.34.34 0 0 0 27.662 9H19v5h8.662a.34.34 0 0 0 .338-.342M13 9H4.338A.34.34 0 0 0 4 9.342v4.316a.34.34 0 0 0 .338.342H13z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.534 3.084C22.954.74 27 2.463 27 5.847c0 .424-.123.82-.336 1.153h.997A2.34 2.34 0 0 1 30 9.342v4.316a2.34 2.34 0 0 1-2 2.318v11.938C28 29.62 26.603 31 24.888 31H7.112C5.4 31 4 29.634 4 27.914V15.976a2.34 2.34 0 0 1-2-2.318V9.342A2.34 2.34 0 0 1 4.338 7h.993A2.15 2.15 0 0 1 5 5.847C5 2.463 9.045.731 11.467 3.084l1.79 1.736A3 3 0 0 1 16.005 3c1.225 0 2.278.745 2.742 1.816zM6 16v11.914C6 28.507 6.482 29 7.112 29H13V16zm13 0v13h5.888A1.1 1.1 0 0 0 26 27.914V16zm9-2.342V9.342A.34.34 0 0 0 27.662 9H19v5h8.662a.34.34 0 0 0 .338-.342M13 9H4.338A.34.34 0 0 0 4 9.342v4.316a.34.34 0 0 0 .338.342H13z"/></svg>
</template>

CSS

.icon-wrapped-gift {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.534%203.084C22.954.74%2027%202.463%2027%205.847c0%20.424-.123.82-.336%201.153h.997A2.34%202.34%200%200%201%2030%209.342v4.316a2.34%202.34%200%200%201-2%202.318v11.938C28%2029.62%2026.603%2031%2024.888%2031H7.112C5.4%2031%204%2029.634%204%2027.914V15.976a2.34%202.34%200%200%201-2-2.318V9.342A2.34%202.34%200%200%201%204.338%207h.993A2.15%202.15%200%200%201%205%205.847C5%202.463%209.045.731%2011.467%203.084l1.79%201.736A3%203%200%200%201%2016.005%203c1.225%200%202.278.745%202.742%201.816zM6%2016v11.914C6%2028.507%206.482%2029%207.112%2029H13V16zm13%200v13h5.888A1.1%201.1%200%200%200%2026%2027.914V16zm9-2.342V9.342A.34.34%200%200%200%2027.662%209H19v5h8.662a.34.34%200%200%200%20.338-.342M13%209H4.338A.34.34%200%200%200%204%209.342v4.316a.34.34%200%200%200%20.338.342H13z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20.534%203.084C22.954.74%2027%202.463%2027%205.847c0%20.424-.123.82-.336%201.153h.997A2.34%202.34%200%200%201%2030%209.342v4.316a2.34%202.34%200%200%201-2%202.318v11.938C28%2029.62%2026.603%2031%2024.888%2031H7.112C5.4%2031%204%2029.634%204%2027.914V15.976a2.34%202.34%200%200%201-2-2.318V9.342A2.34%202.34%200%200%201%204.338%207h.993A2.15%202.15%200%200%201%205%205.847C5%202.463%209.045.731%2011.467%203.084l1.79%201.736A3%203%200%200%201%2016.005%203c1.225%200%202.278.745%202.742%201.816zM6%2016v11.914C6%2028.507%206.482%2029%207.112%2029H13V16zm13%200v13h5.888A1.1%201.1%200%200%200%2026%2027.914V16zm9-2.342V9.342A.34.34%200%200%200%2027.662%209H19v5h8.662a.34.34%200%200%200%20.338-.342M13%209H4.338A.34.34%200%200%200%204%209.342v4.316a.34.34%200%200%200%20.338.342H13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/wrapped-gift.svg?color=%231a73e8&size=48