gift icon
gift-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- gift-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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="0 0 256 256"><path fill="currentColor" d="M216 74h-41.26a46.4 46.4 0 0 0 6-4.48a27.56 27.56 0 0 0 9.22-20A30.63 30.63 0 0 0 158.5 18a27.56 27.56 0 0 0-20 9.22A57.1 57.1 0 0 0 128 45.76a57.1 57.1 0 0 0-10.48-18.53A27.56 27.56 0 0 0 97.5 18A30.63 30.63 0 0 0 66 49.51a27.56 27.56 0 0 0 9.22 20a46 46 0 0 0 6 4.48H40A14 14 0 0 0 26 88v32a14 14 0 0 0 14 14h2v66a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14v-66h2a14 14 0 0 0 14-14V88a14 14 0 0 0-14-14m-80.23-11c2.25-12.12 6.29-21.75 11.69-27.85a15.68 15.68 0 0 1 11.4-5.15h.55A18.6 18.6 0 0 1 178 49.14a15.68 15.68 0 0 1-5.18 11.4c-10.72 9.46-28.9 12.29-38.48 13.11c.25-2.89.66-6.57 1.43-10.65M83.45 35.45A18.7 18.7 0 0 1 96.59 30h.55a15.68 15.68 0 0 1 11.4 5.18c9.46 10.72 12.29 28.9 13.11 38.48c-2.89-.25-6.57-.68-10.61-1.43c-12.12-2.23-21.75-6.29-27.85-11.7A15.64 15.64 0 0 1 78 49.14a18.65 18.65 0 0 1 5.45-13.69M38 120V88a2 2 0 0 1 2-2h82v36H40a2 2 0 0 1-2-2m16 80v-66h68v68H56a2 2 0 0 1-2-2m148 0a2 2 0 0 1-2 2h-66v-68h68Zm16-80a2 2 0 0 1-2 2h-82V86h82a2 2 0 0 1 2 2Z"/></svg>
React
import type { SVGProps } from "react";
export function PhGiftLight(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 74h-41.26a46.4 46.4 0 0 0 6-4.48a27.56 27.56 0 0 0 9.22-20A30.63 30.63 0 0 0 158.5 18a27.56 27.56 0 0 0-20 9.22A57.1 57.1 0 0 0 128 45.76a57.1 57.1 0 0 0-10.48-18.53A27.56 27.56 0 0 0 97.5 18A30.63 30.63 0 0 0 66 49.51a27.56 27.56 0 0 0 9.22 20a46 46 0 0 0 6 4.48H40A14 14 0 0 0 26 88v32a14 14 0 0 0 14 14h2v66a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14v-66h2a14 14 0 0 0 14-14V88a14 14 0 0 0-14-14m-80.23-11c2.25-12.12 6.29-21.75 11.69-27.85a15.68 15.68 0 0 1 11.4-5.15h.55A18.6 18.6 0 0 1 178 49.14a15.68 15.68 0 0 1-5.18 11.4c-10.72 9.46-28.9 12.29-38.48 13.11c.25-2.89.66-6.57 1.43-10.65M83.45 35.45A18.7 18.7 0 0 1 96.59 30h.55a15.68 15.68 0 0 1 11.4 5.18c9.46 10.72 12.29 28.9 13.11 38.48c-2.89-.25-6.57-.68-10.61-1.43c-12.12-2.23-21.75-6.29-27.85-11.7A15.64 15.64 0 0 1 78 49.14a18.65 18.65 0 0 1 5.45-13.69M38 120V88a2 2 0 0 1 2-2h82v36H40a2 2 0 0 1-2-2m16 80v-66h68v68H56a2 2 0 0 1-2-2m148 0a2 2 0 0 1-2 2h-66v-68h68Zm16-80a2 2 0 0 1-2 2h-82V86h82a2 2 0 0 1 2 2Z"/></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 74h-41.26a46.4 46.4 0 0 0 6-4.48a27.56 27.56 0 0 0 9.22-20A30.63 30.63 0 0 0 158.5 18a27.56 27.56 0 0 0-20 9.22A57.1 57.1 0 0 0 128 45.76a57.1 57.1 0 0 0-10.48-18.53A27.56 27.56 0 0 0 97.5 18A30.63 30.63 0 0 0 66 49.51a27.56 27.56 0 0 0 9.22 20a46 46 0 0 0 6 4.48H40A14 14 0 0 0 26 88v32a14 14 0 0 0 14 14h2v66a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14v-66h2a14 14 0 0 0 14-14V88a14 14 0 0 0-14-14m-80.23-11c2.25-12.12 6.29-21.75 11.69-27.85a15.68 15.68 0 0 1 11.4-5.15h.55A18.6 18.6 0 0 1 178 49.14a15.68 15.68 0 0 1-5.18 11.4c-10.72 9.46-28.9 12.29-38.48 13.11c.25-2.89.66-6.57 1.43-10.65M83.45 35.45A18.7 18.7 0 0 1 96.59 30h.55a15.68 15.68 0 0 1 11.4 5.18c9.46 10.72 12.29 28.9 13.11 38.48c-2.89-.25-6.57-.68-10.61-1.43c-12.12-2.23-21.75-6.29-27.85-11.7A15.64 15.64 0 0 1 78 49.14a18.65 18.65 0 0 1 5.45-13.69M38 120V88a2 2 0 0 1 2-2h82v36H40a2 2 0 0 1-2-2m16 80v-66h68v68H56a2 2 0 0 1-2-2m148 0a2 2 0 0 1-2 2h-66v-68h68Zm16-80a2 2 0 0 1-2 2h-82V86h82a2 2 0 0 1 2 2Z"/></svg> </template>
CSS
.icon-gift-light {
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%2074h-41.26a46.4%2046.4%200%200%200%206-4.48a27.56%2027.56%200%200%200%209.22-20A30.63%2030.63%200%200%200%20158.5%2018a27.56%2027.56%200%200%200-20%209.22A57.1%2057.1%200%200%200%20128%2045.76a57.1%2057.1%200%200%200-10.48-18.53A27.56%2027.56%200%200%200%2097.5%2018A30.63%2030.63%200%200%200%2066%2049.51a27.56%2027.56%200%200%200%209.22%2020a46%2046%200%200%200%206%204.48H40A14%2014%200%200%200%2026%2088v32a14%2014%200%200%200%2014%2014h2v66a14%2014%200%200%200%2014%2014h144a14%2014%200%200%200%2014-14v-66h2a14%2014%200%200%200%2014-14V88a14%2014%200%200%200-14-14m-80.23-11c2.25-12.12%206.29-21.75%2011.69-27.85a15.68%2015.68%200%200%201%2011.4-5.15h.55A18.6%2018.6%200%200%201%20178%2049.14a15.68%2015.68%200%200%201-5.18%2011.4c-10.72%209.46-28.9%2012.29-38.48%2013.11c.25-2.89.66-6.57%201.43-10.65M83.45%2035.45A18.7%2018.7%200%200%201%2096.59%2030h.55a15.68%2015.68%200%200%201%2011.4%205.18c9.46%2010.72%2012.29%2028.9%2013.11%2038.48c-2.89-.25-6.57-.68-10.61-1.43c-12.12-2.23-21.75-6.29-27.85-11.7A15.64%2015.64%200%200%201%2078%2049.14a18.65%2018.65%200%200%201%205.45-13.69M38%20120V88a2%202%200%200%201%202-2h82v36H40a2%202%200%200%201-2-2m16%2080v-66h68v68H56a2%202%200%200%201-2-2m148%200a2%202%200%200%201-2%202h-66v-68h68Zm16-80a2%202%200%200%201-2%202h-82V86h82a2%202%200%200%201%202%202Z%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%2074h-41.26a46.4%2046.4%200%200%200%206-4.48a27.56%2027.56%200%200%200%209.22-20A30.63%2030.63%200%200%200%20158.5%2018a27.56%2027.56%200%200%200-20%209.22A57.1%2057.1%200%200%200%20128%2045.76a57.1%2057.1%200%200%200-10.48-18.53A27.56%2027.56%200%200%200%2097.5%2018A30.63%2030.63%200%200%200%2066%2049.51a27.56%2027.56%200%200%200%209.22%2020a46%2046%200%200%200%206%204.48H40A14%2014%200%200%200%2026%2088v32a14%2014%200%200%200%2014%2014h2v66a14%2014%200%200%200%2014%2014h144a14%2014%200%200%200%2014-14v-66h2a14%2014%200%200%200%2014-14V88a14%2014%200%200%200-14-14m-80.23-11c2.25-12.12%206.29-21.75%2011.69-27.85a15.68%2015.68%200%200%201%2011.4-5.15h.55A18.6%2018.6%200%200%201%20178%2049.14a15.68%2015.68%200%200%201-5.18%2011.4c-10.72%209.46-28.9%2012.29-38.48%2013.11c.25-2.89.66-6.57%201.43-10.65M83.45%2035.45A18.7%2018.7%200%200%201%2096.59%2030h.55a15.68%2015.68%200%200%201%2011.4%205.18c9.46%2010.72%2012.29%2028.9%2013.11%2038.48c-2.89-.25-6.57-.68-10.61-1.43c-12.12-2.23-21.75-6.29-27.85-11.7A15.64%2015.64%200%200%201%2078%2049.14a18.65%2018.65%200%200%201%205.45-13.69M38%20120V88a2%202%200%200%201%202-2h82v36H40a2%202%200%200%201-2-2m16%2080v-66h68v68H56a2%202%200%200%201-2-2m148%200a2%202%200%200%201-2%202h-66v-68h68Zm16-80a2%202%200%200%201-2%202h-82V86h82a2%202%200%200%201%202%202Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/gift-light.svg?color=%231a73e8&size=48
