Hover the icon or press Play. Suggested motion: wiggle. Pick another to preview it and update the animated code:

Themify Icons · TfiGift

Gift icon

A free gift icon from Themify Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known aspresent icon reward icon surprise icon birthday icon promo icon

License: MIT license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/themify/gift.json

components/icons/themify-gift.tsx

import * as React from "react";

/**
 * Gift from Themify Icons (https://github.com/lykmapipo/themify-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/themify/gift. Sized in em, colored by currentColor.
 */
export function TfiGiftIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      viewBox="0 0 17 17"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g />
      <path
        d="M7.839 5.611l-0.034 0.198 0.673-0.086c0.004 0 0.021-0.003 0.031-0.004l0.637 0.081-0.031-0.181c1.090-0.202 3.308-0.725 4.575-1.81 0.494-0.422 0.766-0.99 0.766-1.6s-0.272-1.178-0.766-1.601c-0.942-0.808-2.561-0.807-3.503 0-0.814 0.697-1.359 1.726-1.711 2.628-0.352-0.9-0.897-1.926-1.711-2.621-0.941-0.806-2.558-0.805-3.499 0-0.494 0.422-0.766 0.989-0.766 1.597 0 0.608 0.272 1.174 0.766 1.595 1.267 1.082 3.485 1.603 4.573 1.804zM10.837 1.368c0.291-0.249 0.681-0.386 1.101-0.386 0.419 0 0.811 0.137 1.101 0.386 0.269 0.229 0.416 0.528 0.416 0.841 0 0.312-0.147 0.61-0.416 0.84-1.032 0.883-2.929 1.355-3.966 1.558 0.245-0.888 0.783-2.399 1.764-3.239zM3.915 1.375c0.291-0.248 0.681-0.385 1.101-0.385 0.419 0 0.81 0.137 1.1 0.385 0.976 0.833 1.514 2.337 1.76 3.223-1.036-0.201-2.928-0.67-3.961-1.552-0.268-0.228-0.415-0.524-0.415-0.834 0-0.311 0.147-0.608 0.415-0.837zM17 6h-17v4h1v7h15v-7h1v-4zM6.976 7h3.006l1.066 5.843-1.648-0.685-1.301 1.205-1.123-6.363zM1 7h4.96l0.353 2h-5.313v-2zM15 16h-13v-6h4.49l0.942 5.343 2.176-2.015 2.752 1.145-0.815-4.473h3.455v6zM16 9h-4.638l-0.365-2h5.003v2z"
      />
    </svg>
  );
}

With react-icons

import { TfiGift } from "react-icons/tfi";

export function Example() {
  return <TfiGift className="size-5" />;
}

gift.svg

<svg
  version="1.1"
  viewBox="0 0 17 17"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <g />
  <path
    d="M7.839 5.611l-0.034 0.198 0.673-0.086c0.004 0 0.021-0.003 0.031-0.004l0.637 0.081-0.031-0.181c1.090-0.202 3.308-0.725 4.575-1.81 0.494-0.422 0.766-0.99 0.766-1.6s-0.272-1.178-0.766-1.601c-0.942-0.808-2.561-0.807-3.503 0-0.814 0.697-1.359 1.726-1.711 2.628-0.352-0.9-0.897-1.926-1.711-2.621-0.941-0.806-2.558-0.805-3.499 0-0.494 0.422-0.766 0.989-0.766 1.597 0 0.608 0.272 1.174 0.766 1.595 1.267 1.082 3.485 1.603 4.573 1.804zM10.837 1.368c0.291-0.249 0.681-0.386 1.101-0.386 0.419 0 0.811 0.137 1.101 0.386 0.269 0.229 0.416 0.528 0.416 0.841 0 0.312-0.147 0.61-0.416 0.84-1.032 0.883-2.929 1.355-3.966 1.558 0.245-0.888 0.783-2.399 1.764-3.239zM3.915 1.375c0.291-0.248 0.681-0.385 1.101-0.385 0.419 0 0.81 0.137 1.1 0.385 0.976 0.833 1.514 2.337 1.76 3.223-1.036-0.201-2.928-0.67-3.961-1.552-0.268-0.228-0.415-0.524-0.415-0.834 0-0.311 0.147-0.608 0.415-0.837zM17 6h-17v4h1v7h15v-7h1v-4zM6.976 7h3.006l1.066 5.843-1.648-0.685-1.301 1.205-1.123-6.363zM1 7h4.96l0.353 2h-5.313v-2zM15 16h-13v-6h4.49l0.942 5.343 2.176-2.015 2.752 1.145-0.815-4.473h3.455v6zM16 9h-4.638l-0.365-2h5.003v2z"
  />
</svg>

Attribution

"Gift" icon from Themify Icons (https://github.com/lykmapipo/themify-icons), licensed under MIT license.

Gift icon in other sets

Similar Themify Icons icons