gift icon
gift from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- gift
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
giftAkar Iconsgift-filledAnt Design IconsgiftBootstrap IconsgiftBoxIcons v2giftBoxIcons v2 SolidgiftCarbongiftCodiconsgift-fillEva IconsgiftFont Awesome 6 SolidgiftFont Awesome SolidgiftFeather Iconsgift-16-filledFluent UI System Iconsgift-16Fluent UI System Color Iconsgiftcss.gggiftHeroIconsgiftHuge IconsgiftHumbleiconsgiftIconParkgiftIconPark OutlinegiftIconPark SolidgiftIconPark TwoTonegiftIconoirgiftIonIconsgiftJam Icons
Related icons in Framework7 Icons
Use the gift icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.66 16.094c-2.742 0-4.453 1.804-4.453 4.664v5.906c0 2.461 1.195 4.148 3.375 4.57v14.578c0 4.43 2.414 6.75 6.844 6.75h25.148c4.43 0 6.844-2.32 6.844-6.75V31.235c2.203-.422 3.375-2.109 3.375-4.57v-5.906c0-2.86-1.57-4.664-4.453-4.664h-4.97c1.313-1.29 2.086-2.977 2.086-4.875c0-4.547-3.586-7.781-8.133-7.781c-3.351 0-6.094 1.851-7.312 5.156c-1.22-3.305-3.985-5.156-7.336-5.156c-4.524 0-8.133 3.234-8.133 7.78c0 1.9.75 3.587 2.062 4.876Zm12.773 0c-3.867 0-5.906-2.274-5.906-4.711c0-2.531 1.875-4.031 4.383-4.031c2.883 0 5.156 2.226 5.156 5.953v2.789Zm11.133 0h-3.633v-2.79c0-3.726 2.274-5.952 5.157-5.952c2.508 0 4.406 1.5 4.406 4.03c0 2.438-2.11 4.712-5.93 4.712m-22.945 3.539h15.305v8.156H10.62c-1.172 0-1.64-.492-1.64-1.664v-4.852c0-1.171.468-1.64 1.64-1.64m34.781 0c1.172 0 1.617.469 1.617 1.64v4.852c0 1.172-.445 1.664-1.617 1.664H30.074v-8.156Zm-30 29.414c-1.968 0-3.046-1.102-3.046-3.047V31.328h13.57v17.719ZM43.645 46c0 1.945-1.079 3.047-3.024 3.047H30.074V31.328h13.57Z"/></svg>
React
import type { SVGProps } from "react";
export function F7Gift(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.66 16.094c-2.742 0-4.453 1.804-4.453 4.664v5.906c0 2.461 1.195 4.148 3.375 4.57v14.578c0 4.43 2.414 6.75 6.844 6.75h25.148c4.43 0 6.844-2.32 6.844-6.75V31.235c2.203-.422 3.375-2.109 3.375-4.57v-5.906c0-2.86-1.57-4.664-4.453-4.664h-4.97c1.313-1.29 2.086-2.977 2.086-4.875c0-4.547-3.586-7.781-8.133-7.781c-3.351 0-6.094 1.851-7.312 5.156c-1.22-3.305-3.985-5.156-7.336-5.156c-4.524 0-8.133 3.234-8.133 7.78c0 1.9.75 3.587 2.062 4.876Zm12.773 0c-3.867 0-5.906-2.274-5.906-4.711c0-2.531 1.875-4.031 4.383-4.031c2.883 0 5.156 2.226 5.156 5.953v2.789Zm11.133 0h-3.633v-2.79c0-3.726 2.274-5.952 5.157-5.952c2.508 0 4.406 1.5 4.406 4.03c0 2.438-2.11 4.712-5.93 4.712m-22.945 3.539h15.305v8.156H10.62c-1.172 0-1.64-.492-1.64-1.664v-4.852c0-1.171.468-1.64 1.64-1.64m34.781 0c1.172 0 1.617.469 1.617 1.64v4.852c0 1.172-.445 1.664-1.617 1.664H30.074v-8.156Zm-30 29.414c-1.968 0-3.046-1.102-3.046-3.047V31.328h13.57v17.719ZM43.645 46c0 1.945-1.079 3.047-3.024 3.047H30.074V31.328h13.57Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M9.66 16.094c-2.742 0-4.453 1.804-4.453 4.664v5.906c0 2.461 1.195 4.148 3.375 4.57v14.578c0 4.43 2.414 6.75 6.844 6.75h25.148c4.43 0 6.844-2.32 6.844-6.75V31.235c2.203-.422 3.375-2.109 3.375-4.57v-5.906c0-2.86-1.57-4.664-4.453-4.664h-4.97c1.313-1.29 2.086-2.977 2.086-4.875c0-4.547-3.586-7.781-8.133-7.781c-3.351 0-6.094 1.851-7.312 5.156c-1.22-3.305-3.985-5.156-7.336-5.156c-4.524 0-8.133 3.234-8.133 7.78c0 1.9.75 3.587 2.062 4.876Zm12.773 0c-3.867 0-5.906-2.274-5.906-4.711c0-2.531 1.875-4.031 4.383-4.031c2.883 0 5.156 2.226 5.156 5.953v2.789Zm11.133 0h-3.633v-2.79c0-3.726 2.274-5.952 5.157-5.952c2.508 0 4.406 1.5 4.406 4.03c0 2.438-2.11 4.712-5.93 4.712m-22.945 3.539h15.305v8.156H10.62c-1.172 0-1.64-.492-1.64-1.664v-4.852c0-1.171.468-1.64 1.64-1.64m34.781 0c1.172 0 1.617.469 1.617 1.64v4.852c0 1.172-.445 1.664-1.617 1.664H30.074v-8.156Zm-30 29.414c-1.968 0-3.046-1.102-3.046-3.047V31.328h13.57v17.719ZM43.645 46c0 1.945-1.079 3.047-3.024 3.047H30.074V31.328h13.57Z"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.66%2016.094c-2.742%200-4.453%201.804-4.453%204.664v5.906c0%202.461%201.195%204.148%203.375%204.57v14.578c0%204.43%202.414%206.75%206.844%206.75h25.148c4.43%200%206.844-2.32%206.844-6.75V31.235c2.203-.422%203.375-2.109%203.375-4.57v-5.906c0-2.86-1.57-4.664-4.453-4.664h-4.97c1.313-1.29%202.086-2.977%202.086-4.875c0-4.547-3.586-7.781-8.133-7.781c-3.351%200-6.094%201.851-7.312%205.156c-1.22-3.305-3.985-5.156-7.336-5.156c-4.524%200-8.133%203.234-8.133%207.78c0%201.9.75%203.587%202.062%204.876Zm12.773%200c-3.867%200-5.906-2.274-5.906-4.711c0-2.531%201.875-4.031%204.383-4.031c2.883%200%205.156%202.226%205.156%205.953v2.789Zm11.133%200h-3.633v-2.79c0-3.726%202.274-5.952%205.157-5.952c2.508%200%204.406%201.5%204.406%204.03c0%202.438-2.11%204.712-5.93%204.712m-22.945%203.539h15.305v8.156H10.62c-1.172%200-1.64-.492-1.64-1.664v-4.852c0-1.171.468-1.64%201.64-1.64m34.781%200c1.172%200%201.617.469%201.617%201.64v4.852c0%201.172-.445%201.664-1.617%201.664H30.074v-8.156Zm-30%2029.414c-1.968%200-3.046-1.102-3.046-3.047V31.328h13.57v17.719ZM43.645%2046c0%201.945-1.079%203.047-3.024%203.047H30.074V31.328h13.57Z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.66%2016.094c-2.742%200-4.453%201.804-4.453%204.664v5.906c0%202.461%201.195%204.148%203.375%204.57v14.578c0%204.43%202.414%206.75%206.844%206.75h25.148c4.43%200%206.844-2.32%206.844-6.75V31.235c2.203-.422%203.375-2.109%203.375-4.57v-5.906c0-2.86-1.57-4.664-4.453-4.664h-4.97c1.313-1.29%202.086-2.977%202.086-4.875c0-4.547-3.586-7.781-8.133-7.781c-3.351%200-6.094%201.851-7.312%205.156c-1.22-3.305-3.985-5.156-7.336-5.156c-4.524%200-8.133%203.234-8.133%207.78c0%201.9.75%203.587%202.062%204.876Zm12.773%200c-3.867%200-5.906-2.274-5.906-4.711c0-2.531%201.875-4.031%204.383-4.031c2.883%200%205.156%202.226%205.156%205.953v2.789Zm11.133%200h-3.633v-2.79c0-3.726%202.274-5.952%205.157-5.952c2.508%200%204.406%201.5%204.406%204.03c0%202.438-2.11%204.712-5.93%204.712m-22.945%203.539h15.305v8.156H10.62c-1.172%200-1.64-.492-1.64-1.664v-4.852c0-1.171.468-1.64%201.64-1.64m34.781%200c1.172%200%201.617.469%201.617%201.64v4.852c0%201.172-.445%201.664-1.617%201.664H30.074v-8.156Zm-30%2029.414c-1.968%200-3.046-1.102-3.046-3.047V31.328h13.57v17.719ZM43.645%2046c0%201.945-1.079%203.047-3.024%203.047H30.074V31.328h13.57Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/gift.svg?color=%231a73e8&size=48
