gift-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
gift-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

The same icon in other sets

Use the gift icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 68h-25.94A33.8 33.8 0 0 0 196 49.69A36.62 36.62 0 0 0 158.31 12A33.44 33.44 0 0 0 134 23.25a54.7 54.7 0 0 0-6 8.3a54.7 54.7 0 0 0-6-8.3A33.44 33.44 0 0 0 97.69 12A36.62 36.62 0 0 0 60 49.69A33.8 33.8 0 0 0 65.94 68H40a20 20 0 0 0-20 20v32a20 20 0 0 0 16 19.6V200a20 20 0 0 0 20 20h144a20 20 0 0 0 20-20v-60.4a20 20 0 0 0 16-19.6V88a20 20 0 0 0-20-20m-4 48h-72V92h72Zm-60-76.83a9.6 9.6 0 0 1 7-3.17h.35A12.62 12.62 0 0 1 172 49a9.6 9.6 0 0 1-3.17 7c-6.9 6.12-18.25 9.26-27.63 10.76c1.5-9.34 4.64-20.69 10.8-27.59m-64.3.53a12.8 12.8 0 0 1 8.91-3.7H97a9.6 9.6 0 0 1 7 3.17c6.12 6.9 9.26 18.24 10.75 27.61C105.45 65.27 94 62.13 87.17 56A9.6 9.6 0 0 1 84 49a12.72 12.72 0 0 1 3.7-9.3M44 92h72v24H44Zm16 48h56v56H60Zm80 56v-56h56v56Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGiftBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 68h-25.94A33.8 33.8 0 0 0 196 49.69A36.62 36.62 0 0 0 158.31 12A33.44 33.44 0 0 0 134 23.25a54.7 54.7 0 0 0-6 8.3a54.7 54.7 0 0 0-6-8.3A33.44 33.44 0 0 0 97.69 12A36.62 36.62 0 0 0 60 49.69A33.8 33.8 0 0 0 65.94 68H40a20 20 0 0 0-20 20v32a20 20 0 0 0 16 19.6V200a20 20 0 0 0 20 20h144a20 20 0 0 0 20-20v-60.4a20 20 0 0 0 16-19.6V88a20 20 0 0 0-20-20m-4 48h-72V92h72Zm-60-76.83a9.6 9.6 0 0 1 7-3.17h.35A12.62 12.62 0 0 1 172 49a9.6 9.6 0 0 1-3.17 7c-6.9 6.12-18.25 9.26-27.63 10.76c1.5-9.34 4.64-20.69 10.8-27.59m-64.3.53a12.8 12.8 0 0 1 8.91-3.7H97a9.6 9.6 0 0 1 7 3.17c6.12 6.9 9.26 18.24 10.75 27.61C105.45 65.27 94 62.13 87.17 56A9.6 9.6 0 0 1 84 49a12.72 12.72 0 0 1 3.7-9.3M44 92h72v24H44Zm16 48h56v56H60Zm80 56v-56h56v56Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M216 68h-25.94A33.8 33.8 0 0 0 196 49.69A36.62 36.62 0 0 0 158.31 12A33.44 33.44 0 0 0 134 23.25a54.7 54.7 0 0 0-6 8.3a54.7 54.7 0 0 0-6-8.3A33.44 33.44 0 0 0 97.69 12A36.62 36.62 0 0 0 60 49.69A33.8 33.8 0 0 0 65.94 68H40a20 20 0 0 0-20 20v32a20 20 0 0 0 16 19.6V200a20 20 0 0 0 20 20h144a20 20 0 0 0 20-20v-60.4a20 20 0 0 0 16-19.6V88a20 20 0 0 0-20-20m-4 48h-72V92h72Zm-60-76.83a9.6 9.6 0 0 1 7-3.17h.35A12.62 12.62 0 0 1 172 49a9.6 9.6 0 0 1-3.17 7c-6.9 6.12-18.25 9.26-27.63 10.76c1.5-9.34 4.64-20.69 10.8-27.59m-64.3.53a12.8 12.8 0 0 1 8.91-3.7H97a9.6 9.6 0 0 1 7 3.17c6.12 6.9 9.26 18.24 10.75 27.61C105.45 65.27 94 62.13 87.17 56A9.6 9.6 0 0 1 84 49a12.72 12.72 0 0 1 3.7-9.3M44 92h72v24H44Zm16 48h56v56H60Zm80 56v-56h56v56Z"/></svg>
</template>

CSS

.icon-gift-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216%2068h-25.94A33.8%2033.8%200%200%200%20196%2049.69A36.62%2036.62%200%200%200%20158.31%2012A33.44%2033.44%200%200%200%20134%2023.25a54.7%2054.7%200%200%200-6%208.3a54.7%2054.7%200%200%200-6-8.3A33.44%2033.44%200%200%200%2097.69%2012A36.62%2036.62%200%200%200%2060%2049.69A33.8%2033.8%200%200%200%2065.94%2068H40a20%2020%200%200%200-20%2020v32a20%2020%200%200%200%2016%2019.6V200a20%2020%200%200%200%2020%2020h144a20%2020%200%200%200%2020-20v-60.4a20%2020%200%200%200%2016-19.6V88a20%2020%200%200%200-20-20m-4%2048h-72V92h72Zm-60-76.83a9.6%209.6%200%200%201%207-3.17h.35A12.62%2012.62%200%200%201%20172%2049a9.6%209.6%200%200%201-3.17%207c-6.9%206.12-18.25%209.26-27.63%2010.76c1.5-9.34%204.64-20.69%2010.8-27.59m-64.3.53a12.8%2012.8%200%200%201%208.91-3.7H97a9.6%209.6%200%200%201%207%203.17c6.12%206.9%209.26%2018.24%2010.75%2027.61C105.45%2065.27%2094%2062.13%2087.17%2056A9.6%209.6%200%200%201%2084%2049a12.72%2012.72%200%200%201%203.7-9.3M44%2092h72v24H44Zm16%2048h56v56H60Zm80%2056v-56h56v56Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M216%2068h-25.94A33.8%2033.8%200%200%200%20196%2049.69A36.62%2036.62%200%200%200%20158.31%2012A33.44%2033.44%200%200%200%20134%2023.25a54.7%2054.7%200%200%200-6%208.3a54.7%2054.7%200%200%200-6-8.3A33.44%2033.44%200%200%200%2097.69%2012A36.62%2036.62%200%200%200%2060%2049.69A33.8%2033.8%200%200%200%2065.94%2068H40a20%2020%200%200%200-20%2020v32a20%2020%200%200%200%2016%2019.6V200a20%2020%200%200%200%2020%2020h144a20%2020%200%200%200%2020-20v-60.4a20%2020%200%200%200%2016-19.6V88a20%2020%200%200%200-20-20m-4%2048h-72V92h72Zm-60-76.83a9.6%209.6%200%200%201%207-3.17h.35A12.62%2012.62%200%200%201%20172%2049a9.6%209.6%200%200%201-3.17%207c-6.9%206.12-18.25%209.26-27.63%2010.76c1.5-9.34%204.64-20.69%2010.8-27.59m-64.3.53a12.8%2012.8%200%200%201%208.91-3.7H97a9.6%209.6%200%200%201%207%203.17c6.12%206.9%209.26%2018.24%2010.75%2027.61C105.45%2065.27%2094%2062.13%2087.17%2056A9.6%209.6%200%200%201%2084%2049a12.72%2012.72%200%200%201%203.7-9.3M44%2092h72v24H44Zm16%2048h56v56H60Zm80%2056v-56h56v56Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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