gift icon

gift from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name
gift
Set
Jam Icons
Style
Outline
Viewbox
24×24
License
MIT

1 other variant in Jam Icons

gift-f

The same icon in other sets

giftAkar Iconsgift-filledAnt Design IconsgiftBootstrap IconsgiftBoxIcons v2giftBoxIcons v2 SolidgiftCarbongiftCodiconsgift-fillEva IconsgiftFramework7 IconsgiftFont Awesome 6 SolidgiftFont Awesome SolidgiftFeather Iconsgift-16-filledFluent UI System Iconsgift-16Fluent UI System Color Iconsgiftcss.gggiftHeroIconsgiftHuge IconsgiftHumbleiconsgiftIconParkgiftIconPark OutlinegiftIconPark SolidgiftIconPark TwoTonegiftIconoirgiftIonIcons

Use the gift icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -2 24 24"><path fill="currentColor" d="M3 12v6h10v-6zm11.437-5.952A2 2 0 0 1 16 8v2a2 2 0 0 1-1.017 1.742Q15 11.868 15 12v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-6q0-.131.017-.258A2 2 0 0 1 0 10V8a2 2 0 0 1 1.563-1.952A4 4 0 0 1 8 1.354a4 4 0 0 1 6.437 4.694M14 8H2v2h12zM7 4a2 2 0 1 0-2 2h2zm2 2h2a2 2 0 1 0-2-2zM7 7h2v12H7z"/></svg>

React

import type { SVGProps } from "react";

export function JamGift(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -2 24 24"><path fill="currentColor" d="M3 12v6h10v-6zm11.437-5.952A2 2 0 0 1 16 8v2a2 2 0 0 1-1.017 1.742Q15 11.868 15 12v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-6q0-.131.017-.258A2 2 0 0 1 0 10V8a2 2 0 0 1 1.563-1.952A4 4 0 0 1 8 1.354a4 4 0 0 1 6.437 4.694M14 8H2v2h12zM7 4a2 2 0 1 0-2 2h2zm2 2h2a2 2 0 1 0-2-2zM7 7h2v12H7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -2 24 24"><path fill="currentColor" d="M3 12v6h10v-6zm11.437-5.952A2 2 0 0 1 16 8v2a2 2 0 0 1-1.017 1.742Q15 11.868 15 12v6a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-6q0-.131.017-.258A2 2 0 0 1 0 10V8a2 2 0 0 1 1.563-1.952A4 4 0 0 1 8 1.354a4 4 0 0 1 6.437 4.694M14 8H2v2h12zM7 4a2 2 0 1 0-2 2h2zm2 2h2a2 2 0 1 0-2-2zM7 7h2v12H7z"/></svg>
</template>

CSS

.icon-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%22-4%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2012v6h10v-6zm11.437-5.952A2%202%200%200%201%2016%208v2a2%202%200%200%201-1.017%201.742Q15%2011.868%2015%2012v6a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2v-6q0-.131.017-.258A2%202%200%200%201%200%2010V8a2%202%200%200%201%201.563-1.952A4%204%200%200%201%208%201.354a4%204%200%200%201%206.437%204.694M14%208H2v2h12zM7%204a2%202%200%201%200-2%202h2zm2%202h2a2%202%200%201%200-2-2zM7%207h2v12H7z%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%22-4%20-2%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3%2012v6h10v-6zm11.437-5.952A2%202%200%200%201%2016%208v2a2%202%200%200%201-1.017%201.742Q15%2011.868%2015%2012v6a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2v-6q0-.131.017-.258A2%202%200%200%201%200%2010V8a2%202%200%200%201%201.563-1.952A4%204%200%200%201%208%201.354a4%204%200%200%201%206.437%204.694M14%208H2v2h12zM7%204a2%202%200%201%200-2%202h2zm2%202h2a2%202%200%201%200-2-2zM7%207h2v12H7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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