gift alt icon

gift-alt-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.

Name: gift-alt-fill
Set: Framework7 Icons
Style: Fill
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Use the gift alt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M46.586 9.45c-2.39-2.391-5.766-2.766-9.75-2.766h-7.312V18.19c1.64-3.21 4.453-5.18 7.593-5.18c3.61 0 6.305 2.72 6.305 6.376c0 3.14-2.18 5.765-5.344 7.172h11.25v-7.383c0-4.008-.351-7.36-2.742-9.727M25.258 26.183h.75v-.727c0-4.734-3.211-8.86-6.938-8.86c-1.804 0-2.953 1.196-2.953 3.048c0 3.164 4.196 6.539 9.14 6.539m5.484 0c4.922 0 9.14-3.375 9.14-6.54c0-1.851-1.148-3.046-2.952-3.046c-3.727 0-6.938 4.125-6.938 8.859v.727Zm-24.07.375h11.25c-3.164-1.407-5.344-4.032-5.344-7.172c0-3.657 2.696-6.375 6.305-6.375c3.14 0 5.953 1.968 7.594 5.18V6.683h-7.36c-3.937 0-7.312.375-9.703 2.765s-2.742 5.742-2.742 9.657Zm35.016 10.664c1.289.14 2.015.937 2.015 2.18c0 1.078-.867 2.109-2.297 1.921c-3.867-.586-10.054-5.086-11.695-10.242h-.187v18.234h7.312c3.984 0 7.36-.375 9.75-2.765s2.742-5.719 2.742-9.727v-7.476H31.961c1.453 3 6.258 7.523 9.727 7.875M9.414 46.55c2.39 2.39 5.766 2.765 9.774 2.765h7.289V31.082h-.188c-1.64 5.156-7.828 9.656-11.695 10.242c-1.43.188-2.297-.843-2.297-1.922c0-1.242.703-2.039 2.016-2.18c3.468-.35 8.273-4.874 9.726-7.874H6.672v7.476c0 4.008.352 7.336 2.742 9.727"/></svg>

React

import type { SVGProps } from "react";

export function F7GiftAltFill(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="M46.586 9.45c-2.39-2.391-5.766-2.766-9.75-2.766h-7.312V18.19c1.64-3.21 4.453-5.18 7.593-5.18c3.61 0 6.305 2.72 6.305 6.376c0 3.14-2.18 5.765-5.344 7.172h11.25v-7.383c0-4.008-.351-7.36-2.742-9.727M25.258 26.183h.75v-.727c0-4.734-3.211-8.86-6.938-8.86c-1.804 0-2.953 1.196-2.953 3.048c0 3.164 4.196 6.539 9.14 6.539m5.484 0c4.922 0 9.14-3.375 9.14-6.54c0-1.851-1.148-3.046-2.952-3.046c-3.727 0-6.938 4.125-6.938 8.859v.727Zm-24.07.375h11.25c-3.164-1.407-5.344-4.032-5.344-7.172c0-3.657 2.696-6.375 6.305-6.375c3.14 0 5.953 1.968 7.594 5.18V6.683h-7.36c-3.937 0-7.312.375-9.703 2.765s-2.742 5.742-2.742 9.657Zm35.016 10.664c1.289.14 2.015.937 2.015 2.18c0 1.078-.867 2.109-2.297 1.921c-3.867-.586-10.054-5.086-11.695-10.242h-.187v18.234h7.312c3.984 0 7.36-.375 9.75-2.765s2.742-5.719 2.742-9.727v-7.476H31.961c1.453 3 6.258 7.523 9.727 7.875M9.414 46.55c2.39 2.39 5.766 2.765 9.774 2.765h7.289V31.082h-.188c-1.64 5.156-7.828 9.656-11.695 10.242c-1.43.188-2.297-.843-2.297-1.922c0-1.242.703-2.039 2.016-2.18c3.468-.35 8.273-4.874 9.726-7.874H6.672v7.476c0 4.008.352 7.336 2.742 9.727"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M46.586 9.45c-2.39-2.391-5.766-2.766-9.75-2.766h-7.312V18.19c1.64-3.21 4.453-5.18 7.593-5.18c3.61 0 6.305 2.72 6.305 6.376c0 3.14-2.18 5.765-5.344 7.172h11.25v-7.383c0-4.008-.351-7.36-2.742-9.727M25.258 26.183h.75v-.727c0-4.734-3.211-8.86-6.938-8.86c-1.804 0-2.953 1.196-2.953 3.048c0 3.164 4.196 6.539 9.14 6.539m5.484 0c4.922 0 9.14-3.375 9.14-6.54c0-1.851-1.148-3.046-2.952-3.046c-3.727 0-6.938 4.125-6.938 8.859v.727Zm-24.07.375h11.25c-3.164-1.407-5.344-4.032-5.344-7.172c0-3.657 2.696-6.375 6.305-6.375c3.14 0 5.953 1.968 7.594 5.18V6.683h-7.36c-3.937 0-7.312.375-9.703 2.765s-2.742 5.742-2.742 9.657Zm35.016 10.664c1.289.14 2.015.937 2.015 2.18c0 1.078-.867 2.109-2.297 1.921c-3.867-.586-10.054-5.086-11.695-10.242h-.187v18.234h7.312c3.984 0 7.36-.375 9.75-2.765s2.742-5.719 2.742-9.727v-7.476H31.961c1.453 3 6.258 7.523 9.727 7.875M9.414 46.55c2.39 2.39 5.766 2.765 9.774 2.765h7.289V31.082h-.188c-1.64 5.156-7.828 9.656-11.695 10.242c-1.43.188-2.297-.843-2.297-1.922c0-1.242.703-2.039 2.016-2.18c3.468-.35 8.273-4.874 9.726-7.874H6.672v7.476c0 4.008.352 7.336 2.742 9.727"/></svg>
</template>

CSS

.icon-gift-alt-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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M46.586%209.45c-2.39-2.391-5.766-2.766-9.75-2.766h-7.312V18.19c1.64-3.21%204.453-5.18%207.593-5.18c3.61%200%206.305%202.72%206.305%206.376c0%203.14-2.18%205.765-5.344%207.172h11.25v-7.383c0-4.008-.351-7.36-2.742-9.727M25.258%2026.183h.75v-.727c0-4.734-3.211-8.86-6.938-8.86c-1.804%200-2.953%201.196-2.953%203.048c0%203.164%204.196%206.539%209.14%206.539m5.484%200c4.922%200%209.14-3.375%209.14-6.54c0-1.851-1.148-3.046-2.952-3.046c-3.727%200-6.938%204.125-6.938%208.859v.727Zm-24.07.375h11.25c-3.164-1.407-5.344-4.032-5.344-7.172c0-3.657%202.696-6.375%206.305-6.375c3.14%200%205.953%201.968%207.594%205.18V6.683h-7.36c-3.937%200-7.312.375-9.703%202.765s-2.742%205.742-2.742%209.657Zm35.016%2010.664c1.289.14%202.015.937%202.015%202.18c0%201.078-.867%202.109-2.297%201.921c-3.867-.586-10.054-5.086-11.695-10.242h-.187v18.234h7.312c3.984%200%207.36-.375%209.75-2.765s2.742-5.719%202.742-9.727v-7.476H31.961c1.453%203%206.258%207.523%209.727%207.875M9.414%2046.55c2.39%202.39%205.766%202.765%209.774%202.765h7.289V31.082h-.188c-1.64%205.156-7.828%209.656-11.695%2010.242c-1.43.188-2.297-.843-2.297-1.922c0-1.242.703-2.039%202.016-2.18c3.468-.35%208.273-4.874%209.726-7.874H6.672v7.476c0%204.008.352%207.336%202.742%209.727%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%22M46.586%209.45c-2.39-2.391-5.766-2.766-9.75-2.766h-7.312V18.19c1.64-3.21%204.453-5.18%207.593-5.18c3.61%200%206.305%202.72%206.305%206.376c0%203.14-2.18%205.765-5.344%207.172h11.25v-7.383c0-4.008-.351-7.36-2.742-9.727M25.258%2026.183h.75v-.727c0-4.734-3.211-8.86-6.938-8.86c-1.804%200-2.953%201.196-2.953%203.048c0%203.164%204.196%206.539%209.14%206.539m5.484%200c4.922%200%209.14-3.375%209.14-6.54c0-1.851-1.148-3.046-2.952-3.046c-3.727%200-6.938%204.125-6.938%208.859v.727Zm-24.07.375h11.25c-3.164-1.407-5.344-4.032-5.344-7.172c0-3.657%202.696-6.375%206.305-6.375c3.14%200%205.953%201.968%207.594%205.18V6.683h-7.36c-3.937%200-7.312.375-9.703%202.765s-2.742%205.742-2.742%209.657Zm35.016%2010.664c1.289.14%202.015.937%202.015%202.18c0%201.078-.867%202.109-2.297%201.921c-3.867-.586-10.054-5.086-11.695-10.242h-.187v18.234h7.312c3.984%200%207.36-.375%209.75-2.765s2.742-5.719%202.742-9.727v-7.476H31.961c1.453%203%206.258%207.523%209.727%207.875M9.414%2046.55c2.39%202.39%205.766%202.765%209.774%202.765h7.289V31.082h-.188c-1.64%205.156-7.828%209.656-11.695%2010.242c-1.43.188-2.297-.843-2.297-1.922c0-1.242.703-2.039%202.016-2.18c3.468-.35%208.273-4.874%209.726-7.874H6.672v7.476c0%204.008.352%207.336%202.742%209.727%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/gift-alt-fill.svg?color=%231a73e8&size=48