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

Icons8 Line Awesome · LiaYinYangSolid

Yin Yang Solid icon

A free yin yang solid icon from Icons8 Line Awesome, 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: icons8.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/yin-yang-solid.json

components/icons/line-awesome-yin-yang-solid.tsx

import * as React from "react";

/**
 * Yin Yang Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/yin-yang-solid. Sized in em, colored by currentColor.
 */
export function LiaYinYangSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 16.085938 28 16.164063 28 16.25 28 C 16.335938 28.003906 16.414063 28 16.5 28 L 16.5 27.96875 C 22.882813 27.703125 28 22.445313 28 16 C 28 10.125 23.742188 5.242188 18.15625 4.21875 C 17.628906 4.078125 17.070313 4 16.5 4 L 16.5 4.03125 C 16.332031 4.023438 16.167969 4 16 4 Z M 16 6 C 16.347656 6 16.695313 6.027344 17.03125 6.0625 C 17.15625 6.078125 17.285156 6.070313 17.40625 6.09375 C 17.4375 6.097656 17.46875 6.121094 17.5 6.125 C 19.507813 6.578125 21 8.347656 21 10.5 C 21 12.996094 18.996094 15 16.5 15 C 12.921875 15 10 17.921875 10 21.5 C 10 22.570313 10.257813 23.578125 10.71875 24.46875 C 7.886719 22.707031 6 19.589844 6 16 C 6 10.464844 10.464844 6 16 6 Z M 22.71875 8.625 C 24.726563 10.453125 26 13.0625 26 16 C 26 21.429688 21.699219 25.804688 16.3125 25.96875 C 13.90625 25.867188 12 23.933594 12 21.5 C 12 19.003906 14.003906 17 16.5 17 C 20.078125 17 23 14.078125 23 10.5 C 23 9.851563 22.898438 9.21875 22.71875 8.625 Z M 16.5 9 C 15.671875 9 15 9.671875 15 10.5 C 15 11.328125 15.671875 12 16.5 12 C 17.328125 12 18 11.328125 18 10.5 C 18 9.671875 17.328125 9 16.5 9 Z M 16.5 20 C 15.671875 20 15 20.671875 15 21.5 C 15 22.328125 15.671875 23 16.5 23 C 17.328125 23 18 22.328125 18 21.5 C 18 20.671875 17.328125 20 16.5 20 Z"
      />
    </svg>
  );
}

With react-icons

import { LiaYinYangSolid } from "react-icons/lia";

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

yin-yang-solid.svg

<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 16.085938 28 16.164063 28 16.25 28 C 16.335938 28.003906 16.414063 28 16.5 28 L 16.5 27.96875 C 22.882813 27.703125 28 22.445313 28 16 C 28 10.125 23.742188 5.242188 18.15625 4.21875 C 17.628906 4.078125 17.070313 4 16.5 4 L 16.5 4.03125 C 16.332031 4.023438 16.167969 4 16 4 Z M 16 6 C 16.347656 6 16.695313 6.027344 17.03125 6.0625 C 17.15625 6.078125 17.285156 6.070313 17.40625 6.09375 C 17.4375 6.097656 17.46875 6.121094 17.5 6.125 C 19.507813 6.578125 21 8.347656 21 10.5 C 21 12.996094 18.996094 15 16.5 15 C 12.921875 15 10 17.921875 10 21.5 C 10 22.570313 10.257813 23.578125 10.71875 24.46875 C 7.886719 22.707031 6 19.589844 6 16 C 6 10.464844 10.464844 6 16 6 Z M 22.71875 8.625 C 24.726563 10.453125 26 13.0625 26 16 C 26 21.429688 21.699219 25.804688 16.3125 25.96875 C 13.90625 25.867188 12 23.933594 12 21.5 C 12 19.003906 14.003906 17 16.5 17 C 20.078125 17 23 14.078125 23 10.5 C 23 9.851563 22.898438 9.21875 22.71875 8.625 Z M 16.5 9 C 15.671875 9 15 9.671875 15 10.5 C 15 11.328125 15.671875 12 16.5 12 C 17.328125 12 18 11.328125 18 10.5 C 18 9.671875 17.328125 9 16.5 9 Z M 16.5 20 C 15.671875 20 15 20.671875 15 21.5 C 15 22.328125 15.671875 23 16.5 23 C 17.328125 23 18 22.328125 18 21.5 C 18 20.671875 17.328125 20 16.5 20 Z"
  />
</svg>

Attribution

"Yin Yang Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons:

Similar Icons8 Line Awesome icons