Skip to content
Cuelark UI

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

Tabler Icons · TbDeer

Deer icon

A free deer 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
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/tabler/deer.json
components/icons/tabler-deer.tsx
import * as React from "react";

/**
 * Deer from Tabler Icons (https://github.com/tabler/tabler-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/tabler/deer. Sized in em, colored by currentColor.
 */
export function TbDeerIcon(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="M3 3c0 2 1 3 4 3c2 0 3 1 3 3" />
      <path d="M21 3c0 2 -1 3 -4 3c-2 0 -3 .333 -3 3" />
      <path d="M12 18c-1 0 -4 -3 -4 -6c0 -2 1.333 -3 4 -3s4 1 4 3c0 3 -3 6 -4 6" />
      <path d="M15.185 14.889l.095 -.18a4 4 0 1 1 -6.56 0" />
      <path d="M17 3c0 1.333 -.333 2.333 -1 3" />
      <path d="M7 3c0 1.333 .333 2.333 1 3" />
      <path d="M7 6c-2.667 .667 -4.333 1.667 -5 3" />
      <path d="M17 6c2.667 .667 4.333 1.667 5 3" />
      <path d="M8.5 10l-1.5 -1" />
      <path d="M15.5 10l1.5 -1" />
      <path d="M12 15h.01" />
    </svg>
  );
}
With react-icons
import { TbDeer } from "react-icons/tb";

export function Example() {
  return <TbDeer className="size-5" />;
}
deer.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="M3 3c0 2 1 3 4 3c2 0 3 1 3 3" />
  <path d="M21 3c0 2 -1 3 -4 3c-2 0 -3 .333 -3 3" />
  <path d="M12 18c-1 0 -4 -3 -4 -6c0 -2 1.333 -3 4 -3s4 1 4 3c0 3 -3 6 -4 6" />
  <path d="M15.185 14.889l.095 -.18a4 4 0 1 1 -6.56 0" />
  <path d="M17 3c0 1.333 -.333 2.333 -1 3" />
  <path d="M7 3c0 1.333 .333 2.333 1 3" />
  <path d="M7 6c-2.667 .667 -4.333 1.667 -5 3" />
  <path d="M17 6c2.667 .667 4.333 1.667 5 3" />
  <path d="M8.5 10l-1.5 -1" />
  <path d="M15.5 10l1.5 -1" />
  <path d="M12 15h.01" />
</svg>
Attribution
"Deer" icon from Tabler Icons (https://github.com/tabler/tabler-icons), licensed under MIT license.

Deer icon in other sets