gift icon
gift from Octicons by GitHub · Regular · MIT Free for personal and commercial use.
- Name
- gift
- Set
- Octicons
- Style
- Regular
- Viewbox
- 14×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 14 16"><path fill-rule="evenodd" d="M13 4h-1.38c.19-.33.33-.67.36-.91c.06-.67-.11-1.22-.52-1.61C11.1 1.1 10.65 1 10.1 1h-.11c-.53.02-1.11.25-1.53.58c-.42.33-.73.72-.97 1.2c-.23-.48-.55-.88-.97-1.2c-.42-.32-1-.58-1.53-.58h-.03c-.56 0-1.06.09-1.44.48c-.41.39-.58.94-.52 1.61c.03.23.17.58.36.91H1.98c-.55 0-1 .45-1 1v3h1v5c0 .55.45 1 1 1h9c.55 0 1-.45 1-1V8h1V5c0-.55-.45-1-1-1H13zm-4.78-.88c.17-.36.42-.67.75-.92c.3-.23.72-.39 1.05-.41h.09c.45 0 .66.11.8.25s.33.39.3.95c-.05.19-.25.61-.5 1h-2.9l.41-.88v.01zM4.09 2.04c.13-.13.31-.25.91-.25c.31 0 .72.17 1.03.41c.33.25.58.55.75.92L7.2 4H4.3c-.25-.39-.45-.81-.5-1c-.03-.56.16-.81.3-.95l-.01-.01zM7 12.99H3V8h4v5v-.01zm0-6H2V5h5v2v-.01zm5 6H8V8h4v5v-.01zm1-6H8V5h5v2v-.01z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function OcticonGift(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fillRule="evenodd" d="M13 4h-1.38c.19-.33.33-.67.36-.91c.06-.67-.11-1.22-.52-1.61C11.1 1.1 10.65 1 10.1 1h-.11c-.53.02-1.11.25-1.53.58c-.42.33-.73.72-.97 1.2c-.23-.48-.55-.88-.97-1.2c-.42-.32-1-.58-1.53-.58h-.03c-.56 0-1.06.09-1.44.48c-.41.39-.58.94-.52 1.61c.03.23.17.58.36.91H1.98c-.55 0-1 .45-1 1v3h1v5c0 .55.45 1 1 1h9c.55 0 1-.45 1-1V8h1V5c0-.55-.45-1-1-1H13zm-4.78-.88c.17-.36.42-.67.75-.92c.3-.23.72-.39 1.05-.41h.09c.45 0 .66.11.8.25s.33.39.3.95c-.05.19-.25.61-.5 1h-2.9l.41-.88v.01zM4.09 2.04c.13-.13.31-.25.91-.25c.31 0 .72.17 1.03.41c.33.25.58.55.75.92L7.2 4H4.3c-.25-.39-.45-.81-.5-1c-.03-.56.16-.81.3-.95l-.01-.01zM7 12.99H3V8h4v5v-.01zm0-6H2V5h5v2v-.01zm5 6H8V8h4v5v-.01zm1-6H8V5h5v2v-.01z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 16"><path fill-rule="evenodd" d="M13 4h-1.38c.19-.33.33-.67.36-.91c.06-.67-.11-1.22-.52-1.61C11.1 1.1 10.65 1 10.1 1h-.11c-.53.02-1.11.25-1.53.58c-.42.33-.73.72-.97 1.2c-.23-.48-.55-.88-.97-1.2c-.42-.32-1-.58-1.53-.58h-.03c-.56 0-1.06.09-1.44.48c-.41.39-.58.94-.52 1.61c.03.23.17.58.36.91H1.98c-.55 0-1 .45-1 1v3h1v5c0 .55.45 1 1 1h9c.55 0 1-.45 1-1V8h1V5c0-.55-.45-1-1-1H13zm-4.78-.88c.17-.36.42-.67.75-.92c.3-.23.72-.39 1.05-.41h.09c.45 0 .66.11.8.25s.33.39.3.95c-.05.19-.25.61-.5 1h-2.9l.41-.88v.01zM4.09 2.04c.13-.13.31-.25.91-.25c.31 0 .72.17 1.03.41c.33.25.58.55.75.92L7.2 4H4.3c-.25-.39-.45-.81-.5-1c-.03-.56.16-.81.3-.95l-.01-.01zM7 12.99H3V8h4v5v-.01zm0-6H2V5h5v2v-.01zm5 6H8V8h4v5v-.01zm1-6H8V5h5v2v-.01z" fill="currentColor"/></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%220%200%2014%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13%204h-1.38c.19-.33.33-.67.36-.91c.06-.67-.11-1.22-.52-1.61C11.1%201.1%2010.65%201%2010.1%201h-.11c-.53.02-1.11.25-1.53.58c-.42.33-.73.72-.97%201.2c-.23-.48-.55-.88-.97-1.2c-.42-.32-1-.58-1.53-.58h-.03c-.56%200-1.06.09-1.44.48c-.41.39-.58.94-.52%201.61c.03.23.17.58.36.91H1.98c-.55%200-1%20.45-1%201v3h1v5c0%20.55.45%201%201%201h9c.55%200%201-.45%201-1V8h1V5c0-.55-.45-1-1-1H13zm-4.78-.88c.17-.36.42-.67.75-.92c.3-.23.72-.39%201.05-.41h.09c.45%200%20.66.11.8.25s.33.39.3.95c-.05.19-.25.61-.5%201h-2.9l.41-.88v.01zM4.09%202.04c.13-.13.31-.25.91-.25c.31%200%20.72.17%201.03.41c.33.25.58.55.75.92L7.2%204H4.3c-.25-.39-.45-.81-.5-1c-.03-.56.16-.81.3-.95l-.01-.01zM7%2012.99H3V8h4v5v-.01zm0-6H2V5h5v2v-.01zm5%206H8V8h4v5v-.01zm1-6H8V5h5v2v-.01z%22%20fill%3D%22currentColor%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%2014%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13%204h-1.38c.19-.33.33-.67.36-.91c.06-.67-.11-1.22-.52-1.61C11.1%201.1%2010.65%201%2010.1%201h-.11c-.53.02-1.11.25-1.53.58c-.42.33-.73.72-.97%201.2c-.23-.48-.55-.88-.97-1.2c-.42-.32-1-.58-1.53-.58h-.03c-.56%200-1.06.09-1.44.48c-.41.39-.58.94-.52%201.61c.03.23.17.58.36.91H1.98c-.55%200-1%20.45-1%201v3h1v5c0%20.55.45%201%201%201h9c.55%200%201-.45%201-1V8h1V5c0-.55-.45-1-1-1H13zm-4.78-.88c.17-.36.42-.67.75-.92c.3-.23.72-.39%201.05-.41h.09c.45%200%20.66.11.8.25s.33.39.3.95c-.05.19-.25.61-.5%201h-2.9l.41-.88v.01zM4.09%202.04c.13-.13.31-.25.91-.25c.31%200%20.72.17%201.03.41c.33.25.58.55.75.92L7.2%204H4.3c-.25-.39-.45-.81-.5-1c-.03-.56.16-.81.3-.95l-.01-.01zM7%2012.99H3V8h4v5v-.01zm0-6H2V5h5v2v-.01zm5%206H8V8h4v5v-.01zm1-6H8V5h5v2v-.01z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/gift.svg?color=%231a73e8&size=48
