gift open icon

gift-open from Material Design Icons by Pictogrammers · Filled · Holiday · Apache-2.0 Free for personal and commercial use.

Name: gift-open
Set: Material Design Icons
Style: Filled
Category: Holiday
Viewbox: 24×24
License: Apache 2.0
Aliases: package-open, present-open

1 other variant in Material Design Icons

gift-open-outline

The same icon in other sets

gift-open-16-filledFluent UI System Icons

More holiday icons from Material Design Icons

Use the gift open icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m22 10.92l-2.74-1.59c2.64-2.25-.01-6.45-3.18-5.02l-.87.37l-.11-.96c-.1-1.08-.66-1.85-1.4-2.3c-1.64-.953-4.14-.3-4.54 2.08L6.41 1.92c-.96-.56-2.18-.23-2.73.73l-1 1.73c-.28.48-.11 1.09.37 1.37l7.79 4.5l1.5-2.6l1.73 1l-1.5 2.6l7.79 4.5c.48.25 1.1.11 1.37-.37l1-1.73c.55-.96.23-2.18-.73-2.73M12.37 5c-.87.25-1.57-.68-1.13-1.45c.26-.48.89-.64 1.37-.37c.77.45.62 1.61-.24 1.82m5.19 3c-.86.25-1.56-.68-1.12-1.45c.27-.48.89-.64 1.36-.37c.77.45.62 1.61-.24 1.82m3.31 8.88c.41 0 .8-.14 1.13-.38V20c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-9h8.15l.85.5V20h2v-7.35l6.87 3.96c.3.18.63.27 1 .27"/></svg>

React

import type { SVGProps } from "react";

export function MdiGiftOpen(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="m22 10.92l-2.74-1.59c2.64-2.25-.01-6.45-3.18-5.02l-.87.37l-.11-.96c-.1-1.08-.66-1.85-1.4-2.3c-1.64-.953-4.14-.3-4.54 2.08L6.41 1.92c-.96-.56-2.18-.23-2.73.73l-1 1.73c-.28.48-.11 1.09.37 1.37l7.79 4.5l1.5-2.6l1.73 1l-1.5 2.6l7.79 4.5c.48.25 1.1.11 1.37-.37l1-1.73c.55-.96.23-2.18-.73-2.73M12.37 5c-.87.25-1.57-.68-1.13-1.45c.26-.48.89-.64 1.37-.37c.77.45.62 1.61-.24 1.82m5.19 3c-.86.25-1.56-.68-1.12-1.45c.27-.48.89-.64 1.36-.37c.77.45.62 1.61-.24 1.82m3.31 8.88c.41 0 .8-.14 1.13-.38V20c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-9h8.15l.85.5V20h2v-7.35l6.87 3.96c.3.18.63.27 1 .27"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m22 10.92l-2.74-1.59c2.64-2.25-.01-6.45-3.18-5.02l-.87.37l-.11-.96c-.1-1.08-.66-1.85-1.4-2.3c-1.64-.953-4.14-.3-4.54 2.08L6.41 1.92c-.96-.56-2.18-.23-2.73.73l-1 1.73c-.28.48-.11 1.09.37 1.37l7.79 4.5l1.5-2.6l1.73 1l-1.5 2.6l7.79 4.5c.48.25 1.1.11 1.37-.37l1-1.73c.55-.96.23-2.18-.73-2.73M12.37 5c-.87.25-1.57-.68-1.13-1.45c.26-.48.89-.64 1.37-.37c.77.45.62 1.61-.24 1.82m5.19 3c-.86.25-1.56-.68-1.12-1.45c.27-.48.89-.64 1.36-.37c.77.45.62 1.61-.24 1.82m3.31 8.88c.41 0 .8-.14 1.13-.38V20c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-9h8.15l.85.5V20h2v-7.35l6.87 3.96c.3.18.63.27 1 .27"/></svg>
</template>

CSS

.icon-gift-open {
  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%22m22%2010.92l-2.74-1.59c2.64-2.25-.01-6.45-3.18-5.02l-.87.37l-.11-.96c-.1-1.08-.66-1.85-1.4-2.3c-1.64-.953-4.14-.3-4.54%202.08L6.41%201.92c-.96-.56-2.18-.23-2.73.73l-1%201.73c-.28.48-.11%201.09.37%201.37l7.79%204.5l1.5-2.6l1.73%201l-1.5%202.6l7.79%204.5c.48.25%201.1.11%201.37-.37l1-1.73c.55-.96.23-2.18-.73-2.73M12.37%205c-.87.25-1.57-.68-1.13-1.45c.26-.48.89-.64%201.37-.37c.77.45.62%201.61-.24%201.82m5.19%203c-.86.25-1.56-.68-1.12-1.45c.27-.48.89-.64%201.36-.37c.77.45.62%201.61-.24%201.82m3.31%208.88c.41%200%20.8-.14%201.13-.38V20c0%201.11-.89%202-2%202H4a2%202%200%200%201-2-2v-9h8.15l.85.5V20h2v-7.35l6.87%203.96c.3.18.63.27%201%20.27%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%22m22%2010.92l-2.74-1.59c2.64-2.25-.01-6.45-3.18-5.02l-.87.37l-.11-.96c-.1-1.08-.66-1.85-1.4-2.3c-1.64-.953-4.14-.3-4.54%202.08L6.41%201.92c-.96-.56-2.18-.23-2.73.73l-1%201.73c-.28.48-.11%201.09.37%201.37l7.79%204.5l1.5-2.6l1.73%201l-1.5%202.6l7.79%204.5c.48.25%201.1.11%201.37-.37l1-1.73c.55-.96.23-2.18-.73-2.73M12.37%205c-.87.25-1.57-.68-1.13-1.45c.26-.48.89-.64%201.37-.37c.77.45.62%201.61-.24%201.82m5.19%203c-.86.25-1.56-.68-1.12-1.45c.27-.48.89-.64%201.36-.37c.77.45.62%201.61-.24%201.82m3.31%208.88c.41%200%20.8-.14%201.13-.38V20c0%201.11-.89%202-2%202H4a2%202%200%200%201-2-2v-9h8.15l.85.5V20h2v-7.35l6.87%203.96c.3.18.63.27%201%20.27%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/gift-open.svg?color=%231a73e8&size=48