gift icon
gift-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- gift-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
2 other variants in Octicons
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 16 16"><path fill="currentColor" d="M2 2.75A2.75 2.75 0 0 1 4.75 0c.983 0 1.873.42 2.57 1.232q.404.479.68 1.042q.275-.564.68-1.044C9.376.42 10.266 0 11.25 0a2.75 2.75 0 0 1 2.45 4h.55c.966 0 1.75.784 1.75 1.75v2c0 .698-.409 1.301-1 1.582v4.918A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25V9.332C.409 9.05 0 8.448 0 7.75v-2C0 4.784.784 4 1.75 4h.55c-.192-.375-.3-.8-.3-1.25M7.25 9.5H2.5v4.75c0 .138.112.25.25.25h4.5Zm1.5 0v5h4.5a.25.25 0 0 0 .25-.25V9.5Zm0-4V8h5.5a.25.25 0 0 0 .25-.25v-2a.25.25 0 0 0-.25-.25Zm-7 0a.25.25 0 0 0-.25.25v2c0 .138.112.25.25.25h5.5V5.5zm3-4a1.25 1.25 0 0 0 0 2.5h2.309c-.233-.818-.542-1.401-.878-1.793c-.43-.502-.915-.707-1.431-.707M8.941 4h2.309a1.25 1.25 0 0 0 0-2.5c-.516 0-1 .205-1.43.707c-.337.392-.646.975-.879 1.793"/></svg>
React
import type { SVGProps } from "react";
export function OcticonGift16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2 2.75A2.75 2.75 0 0 1 4.75 0c.983 0 1.873.42 2.57 1.232q.404.479.68 1.042q.275-.564.68-1.044C9.376.42 10.266 0 11.25 0a2.75 2.75 0 0 1 2.45 4h.55c.966 0 1.75.784 1.75 1.75v2c0 .698-.409 1.301-1 1.582v4.918A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25V9.332C.409 9.05 0 8.448 0 7.75v-2C0 4.784.784 4 1.75 4h.55c-.192-.375-.3-.8-.3-1.25M7.25 9.5H2.5v4.75c0 .138.112.25.25.25h4.5Zm1.5 0v5h4.5a.25.25 0 0 0 .25-.25V9.5Zm0-4V8h5.5a.25.25 0 0 0 .25-.25v-2a.25.25 0 0 0-.25-.25Zm-7 0a.25.25 0 0 0-.25.25v2c0 .138.112.25.25.25h5.5V5.5zm3-4a1.25 1.25 0 0 0 0 2.5h2.309c-.233-.818-.542-1.401-.878-1.793c-.43-.502-.915-.707-1.431-.707M8.941 4h2.309a1.25 1.25 0 0 0 0-2.5c-.516 0-1 .205-1.43.707c-.337.392-.646.975-.879 1.793"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M2 2.75A2.75 2.75 0 0 1 4.75 0c.983 0 1.873.42 2.57 1.232q.404.479.68 1.042q.275-.564.68-1.044C9.376.42 10.266 0 11.25 0a2.75 2.75 0 0 1 2.45 4h.55c.966 0 1.75.784 1.75 1.75v2c0 .698-.409 1.301-1 1.582v4.918A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25V9.332C.409 9.05 0 8.448 0 7.75v-2C0 4.784.784 4 1.75 4h.55c-.192-.375-.3-.8-.3-1.25M7.25 9.5H2.5v4.75c0 .138.112.25.25.25h4.5Zm1.5 0v5h4.5a.25.25 0 0 0 .25-.25V9.5Zm0-4V8h5.5a.25.25 0 0 0 .25-.25v-2a.25.25 0 0 0-.25-.25Zm-7 0a.25.25 0 0 0-.25.25v2c0 .138.112.25.25.25h5.5V5.5zm3-4a1.25 1.25 0 0 0 0 2.5h2.309c-.233-.818-.542-1.401-.878-1.793c-.43-.502-.915-.707-1.431-.707M8.941 4h2.309a1.25 1.25 0 0 0 0-2.5c-.516 0-1 .205-1.43.707c-.337.392-.646.975-.879 1.793"/></svg> </template>
CSS
.icon-gift-16 {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%202.75A2.75%202.75%200%200%201%204.75%200c.983%200%201.873.42%202.57%201.232q.404.479.68%201.042q.275-.564.68-1.044C9.376.42%2010.266%200%2011.25%200a2.75%202.75%200%200%201%202.45%204h.55c.966%200%201.75.784%201.75%201.75v2c0%20.698-.409%201.301-1%201.582v4.918A1.75%201.75%200%200%201%2013.25%2016H2.75A1.75%201.75%200%200%201%201%2014.25V9.332C.409%209.05%200%208.448%200%207.75v-2C0%204.784.784%204%201.75%204h.55c-.192-.375-.3-.8-.3-1.25M7.25%209.5H2.5v4.75c0%20.138.112.25.25.25h4.5Zm1.5%200v5h4.5a.25.25%200%200%200%20.25-.25V9.5Zm0-4V8h5.5a.25.25%200%200%200%20.25-.25v-2a.25.25%200%200%200-.25-.25Zm-7%200a.25.25%200%200%200-.25.25v2c0%20.138.112.25.25.25h5.5V5.5zm3-4a1.25%201.25%200%200%200%200%202.5h2.309c-.233-.818-.542-1.401-.878-1.793c-.43-.502-.915-.707-1.431-.707M8.941%204h2.309a1.25%201.25%200%200%200%200-2.5c-.516%200-1%20.205-1.43.707c-.337.392-.646.975-.879%201.793%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%202.75A2.75%202.75%200%200%201%204.75%200c.983%200%201.873.42%202.57%201.232q.404.479.68%201.042q.275-.564.68-1.044C9.376.42%2010.266%200%2011.25%200a2.75%202.75%200%200%201%202.45%204h.55c.966%200%201.75.784%201.75%201.75v2c0%20.698-.409%201.301-1%201.582v4.918A1.75%201.75%200%200%201%2013.25%2016H2.75A1.75%201.75%200%200%201%201%2014.25V9.332C.409%209.05%200%208.448%200%207.75v-2C0%204.784.784%204%201.75%204h.55c-.192-.375-.3-.8-.3-1.25M7.25%209.5H2.5v4.75c0%20.138.112.25.25.25h4.5Zm1.5%200v5h4.5a.25.25%200%200%200%20.25-.25V9.5Zm0-4V8h5.5a.25.25%200%200%200%20.25-.25v-2a.25.25%200%200%200-.25-.25Zm-7%200a.25.25%200%200%200-.25.25v2c0%20.138.112.25.25.25h5.5V5.5zm3-4a1.25%201.25%200%200%200%200%202.5h2.309c-.233-.818-.542-1.401-.878-1.793c-.43-.502-.915-.707-1.431-.707M8.941%204h2.309a1.25%201.25%200%200%200%200-2.5c-.516%200-1%20.205-1.43.707c-.337.392-.646.975-.879%201.793%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/gift-16.svg?color=%231a73e8&size=48
