gift icon
gift-fill from Eva Icons by Akveo · Fill · MIT Free for personal and commercial use.
- Name
- gift-fill
- Set
- Eva Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
1 other variant in Eva Icons
The same icon in other sets
giftAkar Iconsgift-filledAnt Design IconsgiftBootstrap IconsgiftBoxIcons v2giftBoxIcons v2 SolidgiftCarbongiftCodiconsgiftFramework7 IconsgiftFont Awesome 6 SolidgiftFont Awesome SolidgiftFeather Iconsgift-16-filledFluent UI System Iconsgift-16Fluent UI System Color Iconsgiftcss.gggiftHeroIconsgiftHuge IconsgiftHumbleiconsgiftIconParkgiftIconPark OutlinegiftIconPark SolidgiftIconPark TwoTonegiftIconoirgiftIonIconsgiftJam Icons
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="M4.64 15.27v4.82a.92.92 0 0 0 .92.91h5.62v-5.73ZM12.82 21h5.62a.92.92 0 0 0 .92-.91v-4.82h-6.54ZM20.1 7.09h-1.84a2.8 2.8 0 0 0 .29-1.23A2.87 2.87 0 0 0 15.68 3A4.21 4.21 0 0 0 12 5.57A4.21 4.21 0 0 0 8.32 3a2.87 2.87 0 0 0-2.87 2.86a2.8 2.8 0 0 0 .29 1.23H3.9c-.5 0-.9.59-.9 1.31v3.93c0 .72.4 1.31.9 1.31h7.28V7.09h1.64v6.55h7.28c.5 0 .9-.59.9-1.31V8.4c0-.72-.4-1.31-.9-1.31m-11.78 0a1.23 1.23 0 1 1 0-2.45c1.4 0 2.19 1.44 2.58 2.45Zm7.36 0H13.1c.39-1 1.18-2.45 2.58-2.45a1.23 1.23 0 1 1 0 2.45"/></svg>
React
import type { SVGProps } from "react";
export function EvaGiftFill(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="M4.64 15.27v4.82a.92.92 0 0 0 .92.91h5.62v-5.73ZM12.82 21h5.62a.92.92 0 0 0 .92-.91v-4.82h-6.54ZM20.1 7.09h-1.84a2.8 2.8 0 0 0 .29-1.23A2.87 2.87 0 0 0 15.68 3A4.21 4.21 0 0 0 12 5.57A4.21 4.21 0 0 0 8.32 3a2.87 2.87 0 0 0-2.87 2.86a2.8 2.8 0 0 0 .29 1.23H3.9c-.5 0-.9.59-.9 1.31v3.93c0 .72.4 1.31.9 1.31h7.28V7.09h1.64v6.55h7.28c.5 0 .9-.59.9-1.31V8.4c0-.72-.4-1.31-.9-1.31m-11.78 0a1.23 1.23 0 1 1 0-2.45c1.4 0 2.19 1.44 2.58 2.45Zm7.36 0H13.1c.39-1 1.18-2.45 2.58-2.45a1.23 1.23 0 1 1 0 2.45"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.64 15.27v4.82a.92.92 0 0 0 .92.91h5.62v-5.73ZM12.82 21h5.62a.92.92 0 0 0 .92-.91v-4.82h-6.54ZM20.1 7.09h-1.84a2.8 2.8 0 0 0 .29-1.23A2.87 2.87 0 0 0 15.68 3A4.21 4.21 0 0 0 12 5.57A4.21 4.21 0 0 0 8.32 3a2.87 2.87 0 0 0-2.87 2.86a2.8 2.8 0 0 0 .29 1.23H3.9c-.5 0-.9.59-.9 1.31v3.93c0 .72.4 1.31.9 1.31h7.28V7.09h1.64v6.55h7.28c.5 0 .9-.59.9-1.31V8.4c0-.72-.4-1.31-.9-1.31m-11.78 0a1.23 1.23 0 1 1 0-2.45c1.4 0 2.19 1.44 2.58 2.45Zm7.36 0H13.1c.39-1 1.18-2.45 2.58-2.45a1.23 1.23 0 1 1 0 2.45"/></svg> </template>
CSS
.icon-gift-fill {
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%22M4.64%2015.27v4.82a.92.92%200%200%200%20.92.91h5.62v-5.73ZM12.82%2021h5.62a.92.92%200%200%200%20.92-.91v-4.82h-6.54ZM20.1%207.09h-1.84a2.8%202.8%200%200%200%20.29-1.23A2.87%202.87%200%200%200%2015.68%203A4.21%204.21%200%200%200%2012%205.57A4.21%204.21%200%200%200%208.32%203a2.87%202.87%200%200%200-2.87%202.86a2.8%202.8%200%200%200%20.29%201.23H3.9c-.5%200-.9.59-.9%201.31v3.93c0%20.72.4%201.31.9%201.31h7.28V7.09h1.64v6.55h7.28c.5%200%20.9-.59.9-1.31V8.4c0-.72-.4-1.31-.9-1.31m-11.78%200a1.23%201.23%200%201%201%200-2.45c1.4%200%202.19%201.44%202.58%202.45Zm7.36%200H13.1c.39-1%201.18-2.45%202.58-2.45a1.23%201.23%200%201%201%200%202.45%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%22M4.64%2015.27v4.82a.92.92%200%200%200%20.92.91h5.62v-5.73ZM12.82%2021h5.62a.92.92%200%200%200%20.92-.91v-4.82h-6.54ZM20.1%207.09h-1.84a2.8%202.8%200%200%200%20.29-1.23A2.87%202.87%200%200%200%2015.68%203A4.21%204.21%200%200%200%2012%205.57A4.21%204.21%200%200%200%208.32%203a2.87%202.87%200%200%200-2.87%202.86a2.8%202.8%200%200%200%20.29%201.23H3.9c-.5%200-.9.59-.9%201.31v3.93c0%20.72.4%201.31.9%201.31h7.28V7.09h1.64v6.55h7.28c.5%200%20.9-.59.9-1.31V8.4c0-.72-.4-1.31-.9-1.31m-11.78%200a1.23%201.23%200%201%201%200-2.45c1.4%200%202.19%201.44%202.58%202.45Zm7.36%200H13.1c.39-1%201.18-2.45%202.58-2.45a1.23%201.23%200%201%201%200%202.45%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eva/gift-fill.svg?color=%231a73e8&size=48
