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

Icons8 Line Awesome · LiaJsfiddle

Jsfiddle icon

A free jsfiddle 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/jsfiddle.json

components/icons/line-awesome-jsfiddle.tsx

import * as React from "react";

/**
 * Jsfiddle from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/jsfiddle. Sized in em, colored by currentColor.
 */
export function LiaJsfiddleIcon(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 25.992188 14.347656 C 25.910156 9.722656 22.140625 6 17.5 6 C 14.027344 6 11.042969 8.085938 9.726563 11.074219 C 9.488281 11.03125 9.246094 11 9 11 C 6.859375 11 5.128906 12.683594 5.019531 14.796875 C 3.21875 15.832031 2 17.773438 2 20 C 2 23.3125 4.6875 26 8 26 L 24 26 C 27.3125 26 30 23.3125 30 20 C 30 17.386719 28.324219 15.167969 25.992188 14.347656 Z M 20.890625 23 C 18.976563 23 17.144531 21.355469 15.375 19.765625 C 13.863281 18.40625 12.300781 17 11.109375 17 C 9.925781 17 9 17.878906 9 19 C 9 20.085938 9.96875 21 11.109375 21 C 12.097656 21 12.988281 20.589844 13.839844 19.742188 L 15.25 21.15625 C 14.023438 22.382813 12.632813 23 11.109375 23 C 8.84375 23 7 21.207031 7 19 C 7 16.792969 8.84375 15 11.109375 15 C 13.066406 15 14.921875 16.664063 16.710938 18.277344 C 18.199219 19.613281 19.742188 21 20.886719 21 C 22.054688 21 23 20.101563 23 19 C 23 17.878906 22.074219 17 20.890625 17 C 19.535156 17 18.328125 17.902344 18.011719 18.21875 L 16.597656 16.808594 C 16.667969 16.734375 18.425781 15 20.890625 15 C 23.15625 15 25 16.792969 25 19 C 25 21.207031 23.15625 23 20.890625 23 Z"
      />
    </svg>
  );
}

With react-icons

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

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

jsfiddle.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 25.992188 14.347656 C 25.910156 9.722656 22.140625 6 17.5 6 C 14.027344 6 11.042969 8.085938 9.726563 11.074219 C 9.488281 11.03125 9.246094 11 9 11 C 6.859375 11 5.128906 12.683594 5.019531 14.796875 C 3.21875 15.832031 2 17.773438 2 20 C 2 23.3125 4.6875 26 8 26 L 24 26 C 27.3125 26 30 23.3125 30 20 C 30 17.386719 28.324219 15.167969 25.992188 14.347656 Z M 20.890625 23 C 18.976563 23 17.144531 21.355469 15.375 19.765625 C 13.863281 18.40625 12.300781 17 11.109375 17 C 9.925781 17 9 17.878906 9 19 C 9 20.085938 9.96875 21 11.109375 21 C 12.097656 21 12.988281 20.589844 13.839844 19.742188 L 15.25 21.15625 C 14.023438 22.382813 12.632813 23 11.109375 23 C 8.84375 23 7 21.207031 7 19 C 7 16.792969 8.84375 15 11.109375 15 C 13.066406 15 14.921875 16.664063 16.710938 18.277344 C 18.199219 19.613281 19.742188 21 20.886719 21 C 22.054688 21 23 20.101563 23 19 C 23 17.878906 22.074219 17 20.890625 17 C 19.535156 17 18.328125 17.902344 18.011719 18.21875 L 16.597656 16.808594 C 16.667969 16.734375 18.425781 15 20.890625 15 C 23.15625 15 25 16.792969 25 19 C 25 21.207031 23.15625 23 20.890625 23 Z"
  />
</svg>

Attribution

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

Jsfiddle icon in other sets

Similar Icons8 Line Awesome icons