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

Simple Icons · SiYew

Yew icon

A free yew icon from Simple 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: CC0 1.0 Universal license
Project: simpleicons.org

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/yew.json

components/icons/simple-icons-yew.tsx

import * as React from "react";

/**
 * Yew from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/yew. Sized in em, colored by currentColor.
 */
export function SiYewIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      role="img"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M21.47.002a1.18 1.18 0 0 0-.815.392L13.33 8.566h-.002a3.5 3.5 0 0 0-1.423-.303 3.5 3.5 0 0 0-1.287.246h-.002L3.345.394a1.18 1.18 0 0 0-.815-.39 1.18 1.18 0 0 0-.853.298 1.18 1.18 0 0 0-.092 1.667l7.246 8.083a3.5 3.5 0 0 0-.466 1.75 3.56 3.56 0 0 0 2.453 3.37v7.647A1.18 1.18 0 0 0 12 24a1.18 1.18 0 0 0 1.18-1.18v-7.715a3.56 3.56 0 0 0 2.267-3.302 3.5 3.5 0 0 0-.396-1.62l7.364-8.213a1.18 1.18 0 0 0-.092-1.668 1.18 1.18 0 0 0-.854-.3m-9.563 1.573a9.84 9.84 0 0 0-5.39 1.61l.671.748a8.8 8.8 0 0 1 4.72-1.357c1.787 0 3.448.527 4.836 1.435l.67-.748a9.84 9.84 0 0 0-5.507-1.688M4.06 5.482a9.84 9.84 0 0 0-1.99 5.93 9.835 9.835 0 0 0 8.248 9.705v-1.013a8.82 8.82 0 0 1-7.247-8.693 8.8 8.8 0 0 1 1.666-5.175Zm15.777.113-.68.757a8.8 8.8 0 0 1 1.584 5.058 8.82 8.82 0 0 1-7.062 8.657v1.016a9.835 9.835 0 0 0 8.062-9.673 9.84 9.84 0 0 0-1.904-5.815m-7.93 4.241a1.955 1.955 0 0 1 1.965 1.967 1.955 1.955 0 0 1-1.966 1.967 1.955 1.955 0 0 1-1.967-1.969 1.955 1.955 0 0 1 1.967-1.966"
      />
    </svg>
  );
}

With react-icons

import { SiYew } from "react-icons/si";

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

yew.svg

<svg
  role="img"
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M21.47.002a1.18 1.18 0 0 0-.815.392L13.33 8.566h-.002a3.5 3.5 0 0 0-1.423-.303 3.5 3.5 0 0 0-1.287.246h-.002L3.345.394a1.18 1.18 0 0 0-.815-.39 1.18 1.18 0 0 0-.853.298 1.18 1.18 0 0 0-.092 1.667l7.246 8.083a3.5 3.5 0 0 0-.466 1.75 3.56 3.56 0 0 0 2.453 3.37v7.647A1.18 1.18 0 0 0 12 24a1.18 1.18 0 0 0 1.18-1.18v-7.715a3.56 3.56 0 0 0 2.267-3.302 3.5 3.5 0 0 0-.396-1.62l7.364-8.213a1.18 1.18 0 0 0-.092-1.668 1.18 1.18 0 0 0-.854-.3m-9.563 1.573a9.84 9.84 0 0 0-5.39 1.61l.671.748a8.8 8.8 0 0 1 4.72-1.357c1.787 0 3.448.527 4.836 1.435l.67-.748a9.84 9.84 0 0 0-5.507-1.688M4.06 5.482a9.84 9.84 0 0 0-1.99 5.93 9.835 9.835 0 0 0 8.248 9.705v-1.013a8.82 8.82 0 0 1-7.247-8.693 8.8 8.8 0 0 1 1.666-5.175Zm15.777.113-.68.757a8.8 8.8 0 0 1 1.584 5.058 8.82 8.82 0 0 1-7.062 8.657v1.016a9.835 9.835 0 0 0 8.062-9.673 9.84 9.84 0 0 0-1.904-5.815m-7.93 4.241a1.955 1.955 0 0 1 1.965 1.967 1.955 1.955 0 0 1-1.966 1.967 1.955 1.955 0 0 1-1.967-1.969 1.955 1.955 0 0 1 1.967-1.966"
  />
</svg>

Attribution

"Yew" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.

Similar Simple Icons icons