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

Simple Icons · SiDoubanread

Doubanread icon

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

components/icons/simple-icons-doubanread.tsx

import * as React from "react";

/**
 * Doubanread from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/doubanread. Sized in em, colored by currentColor.
 */
export function SiDoubanreadIcon(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="M16.056 3c-4.128 0-5.432 3.97-7.994 5.966l-.152.115c-.828.607-1.787 1.005-3.012 1.005C2.009 10.083.38 7.855 0 6.435c0 1.098.177 2.248.499 3.397C2.049 15.403 6.96 21 11.41 21c5.206 0 8.985-5.428 10.127-9.556.369-1.332 1.204-2.478 2.368-3.178l.095-.06-.14-.054-.001.004c-1.144-.453-2.082-1.308-2.72-2.384-.983-1.65-2.984-2.77-5.083-2.77m2.705 3.75c.379.008.702.358.736.822.037.496-.269.933-.683.976-.412.041-.775-.325-.811-.82s.267-.93.68-.976zm-4.609 2.252a2.46 2.46 0 0 1 1.048.714c1.487 1.825.403 4.62-1.368 5.858-2.196 1.616-5.202.876-7.382-.379a9.5 9.5 0 0 1-2.775-2.433 10 10 0 0 1-.672-1.021c-.011-.018.015-.035.027-.019 1.391 1.977 3.554 3.302 5.904 3.715.947.144 1.903.24 2.794-.036 1.532-.524 2.903-1.736 3.334-3.329.321-1.088.026-2.33-.938-3.019-.028-.017 0-.064.028-.052"
      />
    </svg>
  );
}

With react-icons

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

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

doubanread.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="M16.056 3c-4.128 0-5.432 3.97-7.994 5.966l-.152.115c-.828.607-1.787 1.005-3.012 1.005C2.009 10.083.38 7.855 0 6.435c0 1.098.177 2.248.499 3.397C2.049 15.403 6.96 21 11.41 21c5.206 0 8.985-5.428 10.127-9.556.369-1.332 1.204-2.478 2.368-3.178l.095-.06-.14-.054-.001.004c-1.144-.453-2.082-1.308-2.72-2.384-.983-1.65-2.984-2.77-5.083-2.77m2.705 3.75c.379.008.702.358.736.822.037.496-.269.933-.683.976-.412.041-.775-.325-.811-.82s.267-.93.68-.976zm-4.609 2.252a2.46 2.46 0 0 1 1.048.714c1.487 1.825.403 4.62-1.368 5.858-2.196 1.616-5.202.876-7.382-.379a9.5 9.5 0 0 1-2.775-2.433 10 10 0 0 1-.672-1.021c-.011-.018.015-.035.027-.019 1.391 1.977 3.554 3.302 5.904 3.715.947.144 1.903.24 2.794-.036 1.532-.524 2.903-1.736 3.334-3.329.321-1.088.026-2.33-.938-3.019-.028-.017 0-.064.028-.052"
  />
</svg>

Attribution

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

Similar Simple Icons icons