Skip to content
Cuelark UI

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

Simple Icons · SiRainyun

Rainyun icon

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

/**
 * Rainyun from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/rainyun. Sized in em, colored by currentColor.
 */
export function SiRainyunIcon(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="M7.976 22.69c-.539-.19-.81-.83-.63-1.483.09-.325 1.554-2.49 1.773-2.623.992-.6 2.026.57 1.469 1.664-.202.396-1.211 1.874-1.469 2.15-.342.367-.686.454-1.143.293zm3.979.027c-.517-.156-.816-.862-.637-1.508.09-.328 1.548-2.488 1.772-2.627.99-.613 2.032.562 1.473 1.66-.208.41-1.305 2.016-1.516 2.222a1 .897 0 0 1-1.092.253zm3.966-.026c-.54-.192-.811-.831-.63-1.484.09-.325 1.554-2.49 1.773-2.623.992-.6 2.025.57 1.469 1.664-.202.396-1.211 1.874-1.469 2.15-.342.367-.686.454-1.143.293zm3.973 0c-.54-.192-.812-.831-.63-1.484.09-.325 1.553-2.49 1.772-2.623.98-.544 1.915.721 1.212 1.76-.046.069-.642 1.371-1.259 2.024-.31.329-.812.423-1.095.323zm-10.4-5.282c-3.439-.42-3.997-5.627-.719-6.695.418-.137.498-.217.498-.497 0-3.244 4.472-4.913 6.881-2.568.47.456.47.456.753.34 1.553-.631 3.65.405 4.266 2.107.165.456.194.492.43.537 3.21.603 3.19 5.66-.026 6.686-.381.121-11.167.202-12.083.09zM4.246 15.98c-.18-.143-.216-.279-.493-1.887-.282-1.634-.094-1.452-1.794-1.748-1.743-.305-1.66-.283-1.789-.448-.267-.341-.194-.537.68-1.816.435-.637.82-1.214.857-1.283.086-.162.081-.17-.872-1.562C-.416 5.41-.408 5.393 1.873 4.998c.852-.148 1.572-.284 1.6-.301.027-.018.174-.75.327-1.629.397-2.286.309-2.25 2.227-.93 1.556 1.067 1.135 1.061 2.643.036C10.66.822 10.556.78 10.953 3.09c.31 1.802.16 1.587 1.301 1.854 1.493.227.742.493-.195.738a5.22 5.22 0 0 0-1.103.42c-.763.384-.79.383-1.27-.026-2.228-1.907-5.526-.58-5.85 2.353-.138 1.247.59 2.551 1.837 3.29.228.135.235.325.034.922-.223.664-.286 1.472-.163 2.109.162.838-.727 1.682-1.298 1.231zm1.769-5.087c-2.738-1.756-.423-5.982 2.52-4.602.912.427 1.035.776.536 1.51-.355.522-.496.816-.705 1.479-.176.558-.17.551-.677.894-.22.15-.553.408-.74.575-.401.359-.562.383-.934.144z"
      />
    </svg>
  );
}
With react-icons
import { SiRainyun } from "react-icons/si";

export function Example() {
  return <SiRainyun className="size-5" />;
}
rainyun.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="M7.976 22.69c-.539-.19-.81-.83-.63-1.483.09-.325 1.554-2.49 1.773-2.623.992-.6 2.026.57 1.469 1.664-.202.396-1.211 1.874-1.469 2.15-.342.367-.686.454-1.143.293zm3.979.027c-.517-.156-.816-.862-.637-1.508.09-.328 1.548-2.488 1.772-2.627.99-.613 2.032.562 1.473 1.66-.208.41-1.305 2.016-1.516 2.222a1 .897 0 0 1-1.092.253zm3.966-.026c-.54-.192-.811-.831-.63-1.484.09-.325 1.554-2.49 1.773-2.623.992-.6 2.025.57 1.469 1.664-.202.396-1.211 1.874-1.469 2.15-.342.367-.686.454-1.143.293zm3.973 0c-.54-.192-.812-.831-.63-1.484.09-.325 1.553-2.49 1.772-2.623.98-.544 1.915.721 1.212 1.76-.046.069-.642 1.371-1.259 2.024-.31.329-.812.423-1.095.323zm-10.4-5.282c-3.439-.42-3.997-5.627-.719-6.695.418-.137.498-.217.498-.497 0-3.244 4.472-4.913 6.881-2.568.47.456.47.456.753.34 1.553-.631 3.65.405 4.266 2.107.165.456.194.492.43.537 3.21.603 3.19 5.66-.026 6.686-.381.121-11.167.202-12.083.09zM4.246 15.98c-.18-.143-.216-.279-.493-1.887-.282-1.634-.094-1.452-1.794-1.748-1.743-.305-1.66-.283-1.789-.448-.267-.341-.194-.537.68-1.816.435-.637.82-1.214.857-1.283.086-.162.081-.17-.872-1.562C-.416 5.41-.408 5.393 1.873 4.998c.852-.148 1.572-.284 1.6-.301.027-.018.174-.75.327-1.629.397-2.286.309-2.25 2.227-.93 1.556 1.067 1.135 1.061 2.643.036C10.66.822 10.556.78 10.953 3.09c.31 1.802.16 1.587 1.301 1.854 1.493.227.742.493-.195.738a5.22 5.22 0 0 0-1.103.42c-.763.384-.79.383-1.27-.026-2.228-1.907-5.526-.58-5.85 2.353-.138 1.247.59 2.551 1.837 3.29.228.135.235.325.034.922-.223.664-.286 1.472-.163 2.109.162.838-.727 1.682-1.298 1.231zm1.769-5.087c-2.738-1.756-.423-5.982 2.52-4.602.912.427 1.035.776.536 1.51-.355.522-.496.816-.705 1.479-.176.558-.17.551-.677.894-.22.15-.553.408-.74.575-.401.359-.562.383-.934.144z"
  />
</svg>
Attribution
"Rainyun" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.