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

Simple Icons · SiWeread

Weread icon

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

components/icons/simple-icons-weread.tsx

import * as React from "react";

/**
 * Weread from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-icons/weread. Sized in em, colored by currentColor.
 */
export function SiWereadIcon(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="M5.12 0A5.11 5.11 0 0 0 0 5.12v13.76A5.11 5.11 0 0 0 5.12 24h13.76A5.11 5.11 0 0 0 24 18.88V5.12A5.11 5.11 0 0 0 18.88 0Zm12.954 10.24c2.04 0 3.694 1.39 3.694 3.107 0 1.716-1.653 3.107-3.694 3.107-.43 0-.842-.063-1.226-.177a.37.37 0 0 0-.29.032l-.794.463a.123.123 0 0 1-.18-.14l.177-.668a.25.25 0 0 0-.098-.267c-.785-.57-1.284-1.41-1.284-2.35 0-1.716 1.655-3.107 3.695-3.107m-1.231 1.616a.495.495 0 0 0-.493.497c0 .274.22.497.493.497a.495.495 0 0 0 .492-.497.495.495 0 0 0-.492-.497m2.462 0a.495.495 0 0 0-.492.497c0 .274.22.497.492.497a.495.495 0 0 0 .493-.497.495.495 0 0 0-.493-.497M18.08 18.88h5.12c0 2.4-1.92 4.32-4.32 4.32H5.12C2.72 23.2.8 21.28.8 18.88h5.12c1.6 0 3.914-.012 5.28 1.28.489.462.677 1.17.798 1.17.12 0 .292-.671.802-1.17 1.305-1.275 3.215-1.28 5.28-1.28"
      />
    </svg>
  );
}

With react-icons

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

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

weread.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="M5.12 0A5.11 5.11 0 0 0 0 5.12v13.76A5.11 5.11 0 0 0 5.12 24h13.76A5.11 5.11 0 0 0 24 18.88V5.12A5.11 5.11 0 0 0 18.88 0Zm12.954 10.24c2.04 0 3.694 1.39 3.694 3.107 0 1.716-1.653 3.107-3.694 3.107-.43 0-.842-.063-1.226-.177a.37.37 0 0 0-.29.032l-.794.463a.123.123 0 0 1-.18-.14l.177-.668a.25.25 0 0 0-.098-.267c-.785-.57-1.284-1.41-1.284-2.35 0-1.716 1.655-3.107 3.695-3.107m-1.231 1.616a.495.495 0 0 0-.493.497c0 .274.22.497.493.497a.495.495 0 0 0 .492-.497.495.495 0 0 0-.492-.497m2.462 0a.495.495 0 0 0-.492.497c0 .274.22.497.492.497a.495.495 0 0 0 .493-.497.495.495 0 0 0-.493-.497M18.08 18.88h5.12c0 2.4-1.92 4.32-4.32 4.32H5.12C2.72 23.2.8 21.28.8 18.88h5.12c1.6 0 3.914-.012 5.28 1.28.489.462.677 1.17.798 1.17.12 0 .292-.671.802-1.17 1.305-1.275 3.215-1.28 5.28-1.28"
  />
</svg>

Attribution

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

Similar Simple Icons icons