gift icon
gift from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- gift
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All gift icons →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
More ui icons from Reicon
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" fill-rule="evenodd" d="M11.943 1.25c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zm-.693 1.5c-1.994.002-3.477.02-4.636.176c-1.279.172-2.05.5-2.62 1.069c-.569.57-.896 1.34-1.068 2.619c-.155 1.159-.174 2.642-.176 4.636h4.164a4 4 0 0 1-.756-1.527C5.619 7.57 7.57 5.619 9.723 6.158a4 4 0 0 1 1.527.756zm-8.5 10c.002 1.994.02 3.477.176 4.636c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.159.155 2.642.174 4.636.176v-7.126A4.75 4.75 0 0 1 7 16.75a.75.75 0 0 1 0-1.5a3.25 3.25 0 0 0 3.163-2.5zm10 8.5c1.994-.002 3.477-.02 4.636-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.155-1.159.174-2.642.176-4.636h-7.413A3.25 3.25 0 0 0 17 15.25a.75.75 0 0 1 0 1.5a4.75 4.75 0 0 1-4.25-2.626zm8.5-10h-4.164a4 4 0 0 0 .757-1.527c.538-2.153-1.413-4.104-3.565-3.565a4 4 0 0 0-1.528.756V2.75c1.994.002 3.477.02 4.636.176c1.279.172 2.05.5 2.62 1.069c.569.57.896 1.34 1.068 2.619c.155 1.159.174 2.642.176 4.636m-8.5 0v-1.22a2.5 2.5 0 0 1 1.891-2.417a1.44 1.44 0 0 1 1.746 1.746a2.5 2.5 0 0 1-2.415 1.891zm-1.5-1.223a2.5 2.5 0 0 0-1.891-2.414a1.44 1.44 0 0 0-1.746 1.746a2.5 2.5 0 0 0 2.415 1.891h1.222z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconGift(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" fillRule="evenodd" d="M11.943 1.25c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zm-.693 1.5c-1.994.002-3.477.02-4.636.176c-1.279.172-2.05.5-2.62 1.069c-.569.57-.896 1.34-1.068 2.619c-.155 1.159-.174 2.642-.176 4.636h4.164a4 4 0 0 1-.756-1.527C5.619 7.57 7.57 5.619 9.723 6.158a4 4 0 0 1 1.527.756zm-8.5 10c.002 1.994.02 3.477.176 4.636c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.159.155 2.642.174 4.636.176v-7.126A4.75 4.75 0 0 1 7 16.75a.75.75 0 0 1 0-1.5a3.25 3.25 0 0 0 3.163-2.5zm10 8.5c1.994-.002 3.477-.02 4.636-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.155-1.159.174-2.642.176-4.636h-7.413A3.25 3.25 0 0 0 17 15.25a.75.75 0 0 1 0 1.5a4.75 4.75 0 0 1-4.25-2.626zm8.5-10h-4.164a4 4 0 0 0 .757-1.527c.538-2.153-1.413-4.104-3.565-3.565a4 4 0 0 0-1.528.756V2.75c1.994.002 3.477.02 4.636.176c1.279.172 2.05.5 2.62 1.069c.569.57.896 1.34 1.068 2.619c.155 1.159.174 2.642.176 4.636m-8.5 0v-1.22a2.5 2.5 0 0 1 1.891-2.417a1.44 1.44 0 0 1 1.746 1.746a2.5 2.5 0 0 1-2.415 1.891zm-1.5-1.223a2.5 2.5 0 0 0-1.891-2.414a1.44 1.44 0 0 0-1.746 1.746a2.5 2.5 0 0 0 2.415 1.891h1.222z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.943 1.25c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zm-.693 1.5c-1.994.002-3.477.02-4.636.176c-1.279.172-2.05.5-2.62 1.069c-.569.57-.896 1.34-1.068 2.619c-.155 1.159-.174 2.642-.176 4.636h4.164a4 4 0 0 1-.756-1.527C5.619 7.57 7.57 5.619 9.723 6.158a4 4 0 0 1 1.527.756zm-8.5 10c.002 1.994.02 3.477.176 4.636c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.159.155 2.642.174 4.636.176v-7.126A4.75 4.75 0 0 1 7 16.75a.75.75 0 0 1 0-1.5a3.25 3.25 0 0 0 3.163-2.5zm10 8.5c1.994-.002 3.477-.02 4.636-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.155-1.159.174-2.642.176-4.636h-7.413A3.25 3.25 0 0 0 17 15.25a.75.75 0 0 1 0 1.5a4.75 4.75 0 0 1-4.25-2.626zm8.5-10h-4.164a4 4 0 0 0 .757-1.527c.538-2.153-1.413-4.104-3.565-3.565a4 4 0 0 0-1.528.756V2.75c1.994.002 3.477.02 4.636.176c1.279.172 2.05.5 2.62 1.069c.569.57.896 1.34 1.068 2.619c.155 1.159.174 2.642.176 4.636m-8.5 0v-1.22a2.5 2.5 0 0 1 1.891-2.417a1.44 1.44 0 0 1 1.746 1.746a2.5 2.5 0 0 1-2.415 1.891zm-1.5-1.223a2.5 2.5 0 0 0-1.891-2.414a1.44 1.44 0 0 0-1.746 1.746a2.5 2.5 0 0 0 2.415 1.891h1.222z" clip-rule="evenodd"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.943%201.25c-2.309%200-4.118%200-5.53.19c-1.444.194-2.584.6-3.479%201.494c-.895.895-1.3%202.035-1.494%203.48c-.19%201.411-.19%203.22-.19%205.529v.114c0%202.309%200%204.118.19%205.53c.194%201.444.6%202.584%201.494%203.479c.895.895%202.035%201.3%203.48%201.494c1.411.19%203.22.19%205.529.19h.114c2.309%200%204.118%200%205.53-.19c1.444-.194%202.584-.6%203.479-1.494c.895-.895%201.3-2.035%201.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309%200-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zm-.693%201.5c-1.994.002-3.477.02-4.636.176c-1.279.172-2.05.5-2.62%201.069c-.569.57-.896%201.34-1.068%202.619c-.155%201.159-.174%202.642-.176%204.636h4.164a4%204%200%200%201-.756-1.527C5.619%207.57%207.57%205.619%209.723%206.158a4%204%200%200%201%201.527.756zm-8.5%2010c.002%201.994.02%203.477.176%204.636c.172%201.279.5%202.05%201.069%202.62c.57.569%201.34.896%202.619%201.068c1.159.155%202.642.174%204.636.176v-7.126A4.75%204.75%200%200%201%207%2016.75a.75.75%200%200%201%200-1.5a3.25%203.25%200%200%200%203.163-2.5zm10%208.5c1.994-.002%203.477-.02%204.636-.176c1.279-.172%202.05-.5%202.62-1.069c.569-.57.896-1.34%201.068-2.619c.155-1.159.174-2.642.176-4.636h-7.413A3.25%203.25%200%200%200%2017%2015.25a.75.75%200%200%201%200%201.5a4.75%204.75%200%200%201-4.25-2.626zm8.5-10h-4.164a4%204%200%200%200%20.757-1.527c.538-2.153-1.413-4.104-3.565-3.565a4%204%200%200%200-1.528.756V2.75c1.994.002%203.477.02%204.636.176c1.279.172%202.05.5%202.62%201.069c.569.57.896%201.34%201.068%202.619c.155%201.159.174%202.642.176%204.636m-8.5%200v-1.22a2.5%202.5%200%200%201%201.891-2.417a1.44%201.44%200%200%201%201.746%201.746a2.5%202.5%200%200%201-2.415%201.891zm-1.5-1.223a2.5%202.5%200%200%200-1.891-2.414a1.44%201.44%200%200%200-1.746%201.746a2.5%202.5%200%200%200%202.415%201.891h1.222z%22%20clip-rule%3D%22evenodd%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%20fill-rule%3D%22evenodd%22%20d%3D%22M11.943%201.25c-2.309%200-4.118%200-5.53.19c-1.444.194-2.584.6-3.479%201.494c-.895.895-1.3%202.035-1.494%203.48c-.19%201.411-.19%203.22-.19%205.529v.114c0%202.309%200%204.118.19%205.53c.194%201.444.6%202.584%201.494%203.479c.895.895%202.035%201.3%203.48%201.494c1.411.19%203.22.19%205.529.19h.114c2.309%200%204.118%200%205.53-.19c1.444-.194%202.584-.6%203.479-1.494c.895-.895%201.3-2.035%201.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309%200-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19zm-.693%201.5c-1.994.002-3.477.02-4.636.176c-1.279.172-2.05.5-2.62%201.069c-.569.57-.896%201.34-1.068%202.619c-.155%201.159-.174%202.642-.176%204.636h4.164a4%204%200%200%201-.756-1.527C5.619%207.57%207.57%205.619%209.723%206.158a4%204%200%200%201%201.527.756zm-8.5%2010c.002%201.994.02%203.477.176%204.636c.172%201.279.5%202.05%201.069%202.62c.57.569%201.34.896%202.619%201.068c1.159.155%202.642.174%204.636.176v-7.126A4.75%204.75%200%200%201%207%2016.75a.75.75%200%200%201%200-1.5a3.25%203.25%200%200%200%203.163-2.5zm10%208.5c1.994-.002%203.477-.02%204.636-.176c1.279-.172%202.05-.5%202.62-1.069c.569-.57.896-1.34%201.068-2.619c.155-1.159.174-2.642.176-4.636h-7.413A3.25%203.25%200%200%200%2017%2015.25a.75.75%200%200%201%200%201.5a4.75%204.75%200%200%201-4.25-2.626zm8.5-10h-4.164a4%204%200%200%200%20.757-1.527c.538-2.153-1.413-4.104-3.565-3.565a4%204%200%200%200-1.528.756V2.75c1.994.002%203.477.02%204.636.176c1.279.172%202.05.5%202.62%201.069c.569.57.896%201.34%201.068%202.619c.155%201.159.174%202.642.176%204.636m-8.5%200v-1.22a2.5%202.5%200%200%201%201.891-2.417a1.44%201.44%200%200%201%201.746%201.746a2.5%202.5%200%200%201-2.415%201.891zm-1.5-1.223a2.5%202.5%200%200%200-1.891-2.414a1.44%201.44%200%200%200-1.746%201.746a2.5%202.5%200%200%200%202.415%201.891h1.222z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/gift.svg?color=%231a73e8&size=48
