gift icon
gift-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- gift-thin
- Set
- Phosphor
- Style
- Thin
- 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 76h-49.19a50.5 50.5 0 0 0 12.63-8A25.53 25.53 0 0 0 188 49.44A28.62 28.62 0 0 0 158.56 20A25.53 25.53 0 0 0 140 28.56c-5.91 6.67-9.63 15.36-12 23.69c-2.35-8.33-6.07-17-12-23.69A25.53 25.53 0 0 0 97.44 20A28.62 28.62 0 0 0 68 49.44A25.53 25.53 0 0 0 76.56 68a50.5 50.5 0 0 0 12.63 8H40a12 12 0 0 0-12 12v32a12 12 0 0 0 12 12h4v68a12 12 0 0 0 12 12h144a12 12 0 0 0 12-12v-68h4a12 12 0 0 0 12-12V88a12 12 0 0 0-12-12m-70-42.14A17.6 17.6 0 0 1 158.8 28h.61A20.62 20.62 0 0 1 180 49.2a17.6 17.6 0 0 1-5.86 12.8c-12.09 10.7-33.07 13.21-42 13.79c.62-8.86 3.12-29.79 13.86-41.93M76 49.2A20.62 20.62 0 0 1 96.59 28h.61a17.6 17.6 0 0 1 12.8 5.86c10.71 12.09 13.21 33.07 13.79 42c-8.89-.58-29.87-3.09-42-13.79A17.6 17.6 0 0 1 76 49.2M36 120V88a4 4 0 0 1 4-4h84v40H40a4 4 0 0 1-4-4m16 80v-68h72v72H56a4 4 0 0 1-4-4m152 0a4 4 0 0 1-4 4h-68v-72h72Zm16-80a4 4 0 0 1-4 4h-84V84h84a4 4 0 0 1 4 4Z"/></svg>
React
import type { SVGProps } from "react";
export function PhGiftThin(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 76h-49.19a50.5 50.5 0 0 0 12.63-8A25.53 25.53 0 0 0 188 49.44A28.62 28.62 0 0 0 158.56 20A25.53 25.53 0 0 0 140 28.56c-5.91 6.67-9.63 15.36-12 23.69c-2.35-8.33-6.07-17-12-23.69A25.53 25.53 0 0 0 97.44 20A28.62 28.62 0 0 0 68 49.44A25.53 25.53 0 0 0 76.56 68a50.5 50.5 0 0 0 12.63 8H40a12 12 0 0 0-12 12v32a12 12 0 0 0 12 12h4v68a12 12 0 0 0 12 12h144a12 12 0 0 0 12-12v-68h4a12 12 0 0 0 12-12V88a12 12 0 0 0-12-12m-70-42.14A17.6 17.6 0 0 1 158.8 28h.61A20.62 20.62 0 0 1 180 49.2a17.6 17.6 0 0 1-5.86 12.8c-12.09 10.7-33.07 13.21-42 13.79c.62-8.86 3.12-29.79 13.86-41.93M76 49.2A20.62 20.62 0 0 1 96.59 28h.61a17.6 17.6 0 0 1 12.8 5.86c10.71 12.09 13.21 33.07 13.79 42c-8.89-.58-29.87-3.09-42-13.79A17.6 17.6 0 0 1 76 49.2M36 120V88a4 4 0 0 1 4-4h84v40H40a4 4 0 0 1-4-4m16 80v-68h72v72H56a4 4 0 0 1-4-4m152 0a4 4 0 0 1-4 4h-68v-72h72Zm16-80a4 4 0 0 1-4 4h-84V84h84a4 4 0 0 1 4 4Z"/></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 76h-49.19a50.5 50.5 0 0 0 12.63-8A25.53 25.53 0 0 0 188 49.44A28.62 28.62 0 0 0 158.56 20A25.53 25.53 0 0 0 140 28.56c-5.91 6.67-9.63 15.36-12 23.69c-2.35-8.33-6.07-17-12-23.69A25.53 25.53 0 0 0 97.44 20A28.62 28.62 0 0 0 68 49.44A25.53 25.53 0 0 0 76.56 68a50.5 50.5 0 0 0 12.63 8H40a12 12 0 0 0-12 12v32a12 12 0 0 0 12 12h4v68a12 12 0 0 0 12 12h144a12 12 0 0 0 12-12v-68h4a12 12 0 0 0 12-12V88a12 12 0 0 0-12-12m-70-42.14A17.6 17.6 0 0 1 158.8 28h.61A20.62 20.62 0 0 1 180 49.2a17.6 17.6 0 0 1-5.86 12.8c-12.09 10.7-33.07 13.21-42 13.79c.62-8.86 3.12-29.79 13.86-41.93M76 49.2A20.62 20.62 0 0 1 96.59 28h.61a17.6 17.6 0 0 1 12.8 5.86c10.71 12.09 13.21 33.07 13.79 42c-8.89-.58-29.87-3.09-42-13.79A17.6 17.6 0 0 1 76 49.2M36 120V88a4 4 0 0 1 4-4h84v40H40a4 4 0 0 1-4-4m16 80v-68h72v72H56a4 4 0 0 1-4-4m152 0a4 4 0 0 1-4 4h-68v-72h72Zm16-80a4 4 0 0 1-4 4h-84V84h84a4 4 0 0 1 4 4Z"/></svg> </template>
CSS
.icon-gift-thin {
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%2076h-49.19a50.5%2050.5%200%200%200%2012.63-8A25.53%2025.53%200%200%200%20188%2049.44A28.62%2028.62%200%200%200%20158.56%2020A25.53%2025.53%200%200%200%20140%2028.56c-5.91%206.67-9.63%2015.36-12%2023.69c-2.35-8.33-6.07-17-12-23.69A25.53%2025.53%200%200%200%2097.44%2020A28.62%2028.62%200%200%200%2068%2049.44A25.53%2025.53%200%200%200%2076.56%2068a50.5%2050.5%200%200%200%2012.63%208H40a12%2012%200%200%200-12%2012v32a12%2012%200%200%200%2012%2012h4v68a12%2012%200%200%200%2012%2012h144a12%2012%200%200%200%2012-12v-68h4a12%2012%200%200%200%2012-12V88a12%2012%200%200%200-12-12m-70-42.14A17.6%2017.6%200%200%201%20158.8%2028h.61A20.62%2020.62%200%200%201%20180%2049.2a17.6%2017.6%200%200%201-5.86%2012.8c-12.09%2010.7-33.07%2013.21-42%2013.79c.62-8.86%203.12-29.79%2013.86-41.93M76%2049.2A20.62%2020.62%200%200%201%2096.59%2028h.61a17.6%2017.6%200%200%201%2012.8%205.86c10.71%2012.09%2013.21%2033.07%2013.79%2042c-8.89-.58-29.87-3.09-42-13.79A17.6%2017.6%200%200%201%2076%2049.2M36%20120V88a4%204%200%200%201%204-4h84v40H40a4%204%200%200%201-4-4m16%2080v-68h72v72H56a4%204%200%200%201-4-4m152%200a4%204%200%200%201-4%204h-68v-72h72Zm16-80a4%204%200%200%201-4%204h-84V84h84a4%204%200%200%201%204%204Z%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%2076h-49.19a50.5%2050.5%200%200%200%2012.63-8A25.53%2025.53%200%200%200%20188%2049.44A28.62%2028.62%200%200%200%20158.56%2020A25.53%2025.53%200%200%200%20140%2028.56c-5.91%206.67-9.63%2015.36-12%2023.69c-2.35-8.33-6.07-17-12-23.69A25.53%2025.53%200%200%200%2097.44%2020A28.62%2028.62%200%200%200%2068%2049.44A25.53%2025.53%200%200%200%2076.56%2068a50.5%2050.5%200%200%200%2012.63%208H40a12%2012%200%200%200-12%2012v32a12%2012%200%200%200%2012%2012h4v68a12%2012%200%200%200%2012%2012h144a12%2012%200%200%200%2012-12v-68h4a12%2012%200%200%200%2012-12V88a12%2012%200%200%200-12-12m-70-42.14A17.6%2017.6%200%200%201%20158.8%2028h.61A20.62%2020.62%200%200%201%20180%2049.2a17.6%2017.6%200%200%201-5.86%2012.8c-12.09%2010.7-33.07%2013.21-42%2013.79c.62-8.86%203.12-29.79%2013.86-41.93M76%2049.2A20.62%2020.62%200%200%201%2096.59%2028h.61a17.6%2017.6%200%200%201%2012.8%205.86c10.71%2012.09%2013.21%2033.07%2013.79%2042c-8.89-.58-29.87-3.09-42-13.79A17.6%2017.6%200%200%201%2076%2049.2M36%20120V88a4%204%200%200%201%204-4h84v40H40a4%204%200%200%201-4-4m16%2080v-68h72v72H56a4%204%200%200%201-4-4m152%200a4%204%200%200%201-4%204h-68v-72h72Zm16-80a4%204%200%200%201-4%204h-84V84h84a4%204%200%200%201%204%204Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/gift-thin.svg?color=%231a73e8&size=48
