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

Devicons · DiRaphael

Raphael icon

A free raphael icon from Devicons, 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: vorillaz.github.io

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/devicons/raphael.json

components/icons/devicons-raphael.tsx

import * as React from "react";

/**
 * Raphael from Devicons (https://vorillaz.github.io/devicons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/devicons/raphael. Sized in em, colored by currentColor.
 */
export function DiRaphaelIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      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="M26.131 18.933c0.515-0.779 0.793-1.692 0.793-2.647 0-1.287-0.502-2.497-1.412-3.405l-6.109-6.105c-0.871-0.873-2.075-1.413-3.403-1.413s-2.531 0.541-3.402 1.414l-0.002-0.002-6.107 6.106c-0.911 0.91-1.412 2.119-1.412 3.406s0.501 2.496 1.412 3.405l5.506 5.506c0.221 0.248 0.453 0.48 0.697 0.692 0.898 0.851 2.066 1.318 3.308 1.318 1.286 0 2.495-0.501 3.404-1.41l5.941-5.941c0.015-0.015 0.030-0.030 0.045-0.045l0.12-0.12c0.23-0.229 0.433-0.478 0.609-0.741 0.004-0.006 0.009-0.012 0.013-0.017l-0.002-0.001zM25.142 16.287c0 0.599-0.174 1.171-0.496 1.66-0.193 0.264-0.394 0.494-0.602 0.693l-0.015 0.015c-0.977 0.929-2.080 1.192-3.017 1.192-0.515 0-0.98-0.080-1.346-0.172-2.14-0.541-4.467-2.383-5.532-5.069 0.574 0.242 1.204 0.376 1.865 0.376 2.483 0 4.533-1.892 4.784-4.309l3.468 3.468c0.574 0.574 0.89 1.336 0.89 2.146zM16 7.144c1.67 0 3.028 1.358 3.028 3.028s-1.358 3.028-3.028 3.028c-1.669 0-3.028-1.358-3.028-3.028s1.358-3.028 3.028-3.028zM7.748 18.433c-0.574-0.573-0.89-1.335-0.89-2.146s0.316-1.573 0.89-2.146l2.346-2.347c-0.612 2.085-0.875 4.279-0.734 6.382 0.051 0.756 0.155 1.481 0.305 2.173l-1.917-1.916zM11.759 12.438c0.515 4.032 3.707 8.012 7.471 8.963 0.613 0.155 1.215 0.231 1.796 0.231 0.009 0 0.017-0.001 0.025-0.001l-2.907 2.907c-0.573 0.573-1.335 0.888-2.145 0.888-0.564 0-1.103-0.156-1.572-0.442l0.001-0.002c-0.185-0.123-0.361-0.261-0.532-0.407-0.013-0.013-0.028-0.024-0.041-0.037l-0.587-0.587c-1.208-1.387-1.967-3.45-2.131-5.895-0.124-1.85 0.099-3.779 0.622-5.619z"
      />
    </svg>
  );
}

With react-icons

import { DiRaphael } from "react-icons/di";

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

raphael.svg

<svg
  version="1.1"
  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="M26.131 18.933c0.515-0.779 0.793-1.692 0.793-2.647 0-1.287-0.502-2.497-1.412-3.405l-6.109-6.105c-0.871-0.873-2.075-1.413-3.403-1.413s-2.531 0.541-3.402 1.414l-0.002-0.002-6.107 6.106c-0.911 0.91-1.412 2.119-1.412 3.406s0.501 2.496 1.412 3.405l5.506 5.506c0.221 0.248 0.453 0.48 0.697 0.692 0.898 0.851 2.066 1.318 3.308 1.318 1.286 0 2.495-0.501 3.404-1.41l5.941-5.941c0.015-0.015 0.030-0.030 0.045-0.045l0.12-0.12c0.23-0.229 0.433-0.478 0.609-0.741 0.004-0.006 0.009-0.012 0.013-0.017l-0.002-0.001zM25.142 16.287c0 0.599-0.174 1.171-0.496 1.66-0.193 0.264-0.394 0.494-0.602 0.693l-0.015 0.015c-0.977 0.929-2.080 1.192-3.017 1.192-0.515 0-0.98-0.080-1.346-0.172-2.14-0.541-4.467-2.383-5.532-5.069 0.574 0.242 1.204 0.376 1.865 0.376 2.483 0 4.533-1.892 4.784-4.309l3.468 3.468c0.574 0.574 0.89 1.336 0.89 2.146zM16 7.144c1.67 0 3.028 1.358 3.028 3.028s-1.358 3.028-3.028 3.028c-1.669 0-3.028-1.358-3.028-3.028s1.358-3.028 3.028-3.028zM7.748 18.433c-0.574-0.573-0.89-1.335-0.89-2.146s0.316-1.573 0.89-2.146l2.346-2.347c-0.612 2.085-0.875 4.279-0.734 6.382 0.051 0.756 0.155 1.481 0.305 2.173l-1.917-1.916zM11.759 12.438c0.515 4.032 3.707 8.012 7.471 8.963 0.613 0.155 1.215 0.231 1.796 0.231 0.009 0 0.017-0.001 0.025-0.001l-2.907 2.907c-0.573 0.573-1.335 0.888-2.145 0.888-0.564 0-1.103-0.156-1.572-0.442l0.001-0.002c-0.185-0.123-0.361-0.261-0.532-0.407-0.013-0.013-0.028-0.024-0.041-0.037l-0.587-0.587c-1.208-1.387-1.967-3.45-2.131-5.895-0.124-1.85 0.099-3.779 0.622-5.619z"
  />
</svg>

Attribution

"Raphael" icon from Devicons (https://vorillaz.github.io/devicons/), licensed under MIT license.

Similar Devicons icons