Skip to content
Cuelark UI

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

Tabler Icons · TbPumpkinScary

Pumpkin Scary icon

A free pumpkin scary icon from Tabler 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.

License
MIT license
Project
github.com
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/tabler/pumpkin-scary.json
components/icons/tabler-pumpkin-scary.tsx
import * as React from "react";

/**
 * Pumpkin Scary from Tabler Icons (https://github.com/tabler/tabler-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/tabler/pumpkin-scary. Sized in em, colored by currentColor.
 */
export function TbPumpkinScaryIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      strokeWidth="2"
      viewBox="0 0 24 24"
      strokeLinecap="round"
      strokeLinejoin="round"
      stroke="currentColor"
      fill="currentColor"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path d="M9 15l1.5 1l1.5 -1l1.5 1l1.5 -1" />
      <path d="M10 11h.01" />
      <path d="M14 11h.01" />
      <path
        d="M17 6.082c2.609 .588 3.627 4.162 2.723 7.983c-.903 3.82 -2.75 6.44 -5.359 5.853a3.355 3.355 0 0 1 -.774 -.279a3.728 3.728 0 0 1 -1.59 .361c-.556 0 -1.09 -.127 -1.59 -.362a3.296 3.296 0 0 1 -.774 .28c-2.609 .588 -4.456 -2.033 -5.36 -5.853c-.903 -3.82 .115 -7.395 2.724 -7.983c1.085 -.244 1.575 .066 2.585 .787c.716 -.554 1.54 -.869 2.415 -.869c.876 0 1.699 .315 2.415 .87c1.01 -.722 1.5 -1.032 2.585 -.788"
      />
      <path d="M12 6c0 -1.226 .693 -2.346 1.789 -2.894l.211 -.106" />
    </svg>
  );
}
With react-icons
import { TbPumpkinScary } from "react-icons/tb";

export function Example() {
  return <TbPumpkinScary className="size-5" />;
}
pumpkin-scary.svg
<svg
  fill="none"
  stroke-width="2"
  viewBox="0 0 24 24"
  stroke-linecap="round"
  stroke-linejoin="round"
  stroke="currentColor"
  fill="currentColor"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path d="M9 15l1.5 1l1.5 -1l1.5 1l1.5 -1" />
  <path d="M10 11h.01" />
  <path d="M14 11h.01" />
  <path
    d="M17 6.082c2.609 .588 3.627 4.162 2.723 7.983c-.903 3.82 -2.75 6.44 -5.359 5.853a3.355 3.355 0 0 1 -.774 -.279a3.728 3.728 0 0 1 -1.59 .361c-.556 0 -1.09 -.127 -1.59 -.362a3.296 3.296 0 0 1 -.774 .28c-2.609 .588 -4.456 -2.033 -5.36 -5.853c-.903 -3.82 .115 -7.395 2.724 -7.983c1.085 -.244 1.575 .066 2.585 .787c.716 -.554 1.54 -.869 2.415 -.869c.876 0 1.699 .315 2.415 .87c1.01 -.722 1.5 -1.032 2.585 -.788"
  />
  <path d="M12 6c0 -1.226 .693 -2.346 1.789 -2.894l.211 -.106" />
</svg>
Attribution
"Pumpkin Scary" icon from Tabler Icons (https://github.com/tabler/tabler-icons), licensed under MIT license.