gift icon
gift-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- gift-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- 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 24 24"><path fill="currentColor" d="M3.75 3.75A3.75 3.75 0 0 1 7.5 0c1.455 0 3.436.901 4.5 3.11C13.064.901 15.044 0 16.5 0a3.75 3.75 0 0 1 3 6h1.75c.966 0 1.75.784 1.75 1.75v2.5c0 .698-.409 1.301-1 1.582v8.418A1.75 1.75 0 0 1 20.25 22H3.75A1.75 1.75 0 0 1 2 20.25v-8.418c-.591-.282-1-.884-1-1.582v-2.5C1 6.784 1.784 6 2.75 6H4.5a3.73 3.73 0 0 1-.75-2.25M20.5 12h-7.75v8.5h7.5a.25.25 0 0 0 .25-.25Zm-9.25 8.5V12H3.5v8.25c0 .138.112.25.25.25Zm10-10a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25h-8.5v3Zm-18.5 0h8.5v-3h-8.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25m16-6.75A2.25 2.25 0 0 0 16.5 1.5c-1.15 0-3.433 1.007-3.72 4.5h3.72a2.25 2.25 0 0 0 2.25-2.25M11.22 6c-.287-3.493-2.57-4.5-3.72-4.5a2.25 2.25 0 1 0 0 4.5Z"/></svg>
React
import type { SVGProps } from "react";
export function OcticonGift24(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.75 3.75A3.75 3.75 0 0 1 7.5 0c1.455 0 3.436.901 4.5 3.11C13.064.901 15.044 0 16.5 0a3.75 3.75 0 0 1 3 6h1.75c.966 0 1.75.784 1.75 1.75v2.5c0 .698-.409 1.301-1 1.582v8.418A1.75 1.75 0 0 1 20.25 22H3.75A1.75 1.75 0 0 1 2 20.25v-8.418c-.591-.282-1-.884-1-1.582v-2.5C1 6.784 1.784 6 2.75 6H4.5a3.73 3.73 0 0 1-.75-2.25M20.5 12h-7.75v8.5h7.5a.25.25 0 0 0 .25-.25Zm-9.25 8.5V12H3.5v8.25c0 .138.112.25.25.25Zm10-10a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25h-8.5v3Zm-18.5 0h8.5v-3h-8.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25m16-6.75A2.25 2.25 0 0 0 16.5 1.5c-1.15 0-3.433 1.007-3.72 4.5h3.72a2.25 2.25 0 0 0 2.25-2.25M11.22 6c-.287-3.493-2.57-4.5-3.72-4.5a2.25 2.25 0 1 0 0 4.5Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.75 3.75A3.75 3.75 0 0 1 7.5 0c1.455 0 3.436.901 4.5 3.11C13.064.901 15.044 0 16.5 0a3.75 3.75 0 0 1 3 6h1.75c.966 0 1.75.784 1.75 1.75v2.5c0 .698-.409 1.301-1 1.582v8.418A1.75 1.75 0 0 1 20.25 22H3.75A1.75 1.75 0 0 1 2 20.25v-8.418c-.591-.282-1-.884-1-1.582v-2.5C1 6.784 1.784 6 2.75 6H4.5a3.73 3.73 0 0 1-.75-2.25M20.5 12h-7.75v8.5h7.5a.25.25 0 0 0 .25-.25Zm-9.25 8.5V12H3.5v8.25c0 .138.112.25.25.25Zm10-10a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25h-8.5v3Zm-18.5 0h8.5v-3h-8.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25m16-6.75A2.25 2.25 0 0 0 16.5 1.5c-1.15 0-3.433 1.007-3.72 4.5h3.72a2.25 2.25 0 0 0 2.25-2.25M11.22 6c-.287-3.493-2.57-4.5-3.72-4.5a2.25 2.25 0 1 0 0 4.5Z"/></svg> </template>
CSS
.icon-gift-24 {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.75%203.75A3.75%203.75%200%200%201%207.5%200c1.455%200%203.436.901%204.5%203.11C13.064.901%2015.044%200%2016.5%200a3.75%203.75%200%200%201%203%206h1.75c.966%200%201.75.784%201.75%201.75v2.5c0%20.698-.409%201.301-1%201.582v8.418A1.75%201.75%200%200%201%2020.25%2022H3.75A1.75%201.75%200%200%201%202%2020.25v-8.418c-.591-.282-1-.884-1-1.582v-2.5C1%206.784%201.784%206%202.75%206H4.5a3.73%203.73%200%200%201-.75-2.25M20.5%2012h-7.75v8.5h7.5a.25.25%200%200%200%20.25-.25Zm-9.25%208.5V12H3.5v8.25c0%20.138.112.25.25.25Zm10-10a.25.25%200%200%200%20.25-.25v-2.5a.25.25%200%200%200-.25-.25h-8.5v3Zm-18.5%200h8.5v-3h-8.5a.25.25%200%200%200-.25.25v2.5c0%20.138.112.25.25.25m16-6.75A2.25%202.25%200%200%200%2016.5%201.5c-1.15%200-3.433%201.007-3.72%204.5h3.72a2.25%202.25%200%200%200%202.25-2.25M11.22%206c-.287-3.493-2.57-4.5-3.72-4.5a2.25%202.25%200%201%200%200%204.5Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.75%203.75A3.75%203.75%200%200%201%207.5%200c1.455%200%203.436.901%204.5%203.11C13.064.901%2015.044%200%2016.5%200a3.75%203.75%200%200%201%203%206h1.75c.966%200%201.75.784%201.75%201.75v2.5c0%20.698-.409%201.301-1%201.582v8.418A1.75%201.75%200%200%201%2020.25%2022H3.75A1.75%201.75%200%200%201%202%2020.25v-8.418c-.591-.282-1-.884-1-1.582v-2.5C1%206.784%201.784%206%202.75%206H4.5a3.73%203.73%200%200%201-.75-2.25M20.5%2012h-7.75v8.5h7.5a.25.25%200%200%200%20.25-.25Zm-9.25%208.5V12H3.5v8.25c0%20.138.112.25.25.25Zm10-10a.25.25%200%200%200%20.25-.25v-2.5a.25.25%200%200%200-.25-.25h-8.5v3Zm-18.5%200h8.5v-3h-8.5a.25.25%200%200%200-.25.25v2.5c0%20.138.112.25.25.25m16-6.75A2.25%202.25%200%200%200%2016.5%201.5c-1.15%200-3.433%201.007-3.72%204.5h3.72a2.25%202.25%200%200%200%202.25-2.25M11.22%206c-.287-3.493-2.57-4.5-3.72-4.5a2.25%202.25%200%201%200%200%204.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/gift-24.svg?color=%231a73e8&size=48
