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

Simple Icons · SiKoreader

Koreader icon

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

components/icons/simple-icons-koreader.tsx

import * as React from "react";

/**
 * Koreader from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/koreader. Sized in em, colored by currentColor.
 */
export function SiKoreaderIcon(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.8489 0v14.5581L6.1996 13.178 4.55 14.5581V.0258c-1.3637.1773-2.427 1.3509-2.427 2.7634v18.4216c0 1.3362.951 2.4601 2.2081 2.7279a7.9086 7.9086 0 0 1-.2363-1.92c0-4.3601 3.5401-7.9072 7.8918-7.9072 4.3516 0 7.8915 3.547 7.8915 7.9071a7.95 7.95 0 0 1-.0817 1.1292c.4864-.5029.788-1.186.788-1.937V2.7892c0-1.1618-.7192-2.1625-1.7332-2.5802L12.2039 7.323c.7334.8645 3.202 3.2692 6.3988 6.001.6706.5732 1.1863 1.0062 1.7217 1.234-1.1597.002-2.3696-.005-2.7622 0-2.2832.031-2.3345-.415-3.0694-1.0028-1.122-.8968-3.6824-3.4473-4.9377-4.6126-.4278-.3977-.6702-.8597-.6702-1.2922v-.352c0-.5752.2163-1.1301.6055-1.5534L14.7784 0zm10.5979 0c1.531 0 2.784 1.2553 2.784 2.7892v18.4216c0 1.534-1.253 2.7892-2.784 2.7892h.6461c1.531 0 2.784-1.2553 2.784-2.7892V2.7892C21.877 1.2552 20.624 0 19.093 0zm-6.4601 17.0838c-2.7159 0-4.9253 2.2137-4.9253 4.9348 0 .705.1508 1.3743.4177 1.9814h9.015a4.91 4.91 0 0 0 .4177-1.9814c0-2.721-2.2093-4.9348-4.9251-4.9348z"
      />
    </svg>
  );
}

With react-icons

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

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

koreader.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.8489 0v14.5581L6.1996 13.178 4.55 14.5581V.0258c-1.3637.1773-2.427 1.3509-2.427 2.7634v18.4216c0 1.3362.951 2.4601 2.2081 2.7279a7.9086 7.9086 0 0 1-.2363-1.92c0-4.3601 3.5401-7.9072 7.8918-7.9072 4.3516 0 7.8915 3.547 7.8915 7.9071a7.95 7.95 0 0 1-.0817 1.1292c.4864-.5029.788-1.186.788-1.937V2.7892c0-1.1618-.7192-2.1625-1.7332-2.5802L12.2039 7.323c.7334.8645 3.202 3.2692 6.3988 6.001.6706.5732 1.1863 1.0062 1.7217 1.234-1.1597.002-2.3696-.005-2.7622 0-2.2832.031-2.3345-.415-3.0694-1.0028-1.122-.8968-3.6824-3.4473-4.9377-4.6126-.4278-.3977-.6702-.8597-.6702-1.2922v-.352c0-.5752.2163-1.1301.6055-1.5534L14.7784 0zm10.5979 0c1.531 0 2.784 1.2553 2.784 2.7892v18.4216c0 1.534-1.253 2.7892-2.784 2.7892h.6461c1.531 0 2.784-1.2553 2.784-2.7892V2.7892C21.877 1.2552 20.624 0 19.093 0zm-6.4601 17.0838c-2.7159 0-4.9253 2.2137-4.9253 4.9348 0 .705.1508 1.3743.4177 1.9814h9.015a4.91 4.91 0 0 0 .4177-1.9814c0-2.721-2.2093-4.9348-4.9251-4.9348z"
  />
</svg>

Attribution

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

Similar Simple Icons icons