weread logo

weread from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
weread
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the weread logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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.107c0 1.716-1.653 3.107-3.694 3.107c-.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.35c0-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-.497a.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-.497a.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.28c.489.462.677 1.17.798 1.17c.12 0 .292-.671.802-1.17c1.305-1.275 3.215-1.28 5.28-1.28"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsWeread(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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.107c0 1.716-1.653 3.107-3.694 3.107c-.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.35c0-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-.497a.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-.497a.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.28c.489.462.677 1.17.798 1.17c.12 0 .292-.671.802-1.17c1.305-1.275 3.215-1.28 5.28-1.28"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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.107c0 1.716-1.653 3.107-3.694 3.107c-.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.35c0-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-.497a.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-.497a.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.28c.489.462.677 1.17.798 1.17c.12 0 .292-.671.802-1.17c1.305-1.275 3.215-1.28 5.28-1.28"/></svg>
</template>

CSS

.icon-weread {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.12%200A5.11%205.11%200%200%200%200%205.12v13.76A5.11%205.11%200%200%200%205.12%2024h13.76A5.11%205.11%200%200%200%2024%2018.88V5.12A5.11%205.11%200%200%200%2018.88%200Zm12.954%2010.24c2.04%200%203.694%201.39%203.694%203.107c0%201.716-1.653%203.107-3.694%203.107c-.43%200-.842-.063-1.226-.177a.37.37%200%200%200-.29.032l-.794.463a.123.123%200%200%201-.18-.14l.177-.668a.25.25%200%200%200-.098-.267c-.785-.57-1.284-1.41-1.284-2.35c0-1.716%201.655-3.107%203.695-3.107m-1.231%201.616a.495.495%200%200%200-.493.497c0%20.274.22.497.493.497a.495.495%200%200%200%20.492-.497a.495.495%200%200%200-.492-.497m2.462%200a.495.495%200%200%200-.492.497c0%20.274.22.497.492.497a.495.495%200%200%200%20.493-.497a.495.495%200%200%200-.493-.497M18.08%2018.88h5.12c0%202.4-1.92%204.32-4.32%204.32H5.12C2.72%2023.2.8%2021.28.8%2018.88h5.12c1.6%200%203.914-.012%205.28%201.28c.489.462.677%201.17.798%201.17c.12%200%20.292-.671.802-1.17c1.305-1.275%203.215-1.28%205.28-1.28%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.12%200A5.11%205.11%200%200%200%200%205.12v13.76A5.11%205.11%200%200%200%205.12%2024h13.76A5.11%205.11%200%200%200%2024%2018.88V5.12A5.11%205.11%200%200%200%2018.88%200Zm12.954%2010.24c2.04%200%203.694%201.39%203.694%203.107c0%201.716-1.653%203.107-3.694%203.107c-.43%200-.842-.063-1.226-.177a.37.37%200%200%200-.29.032l-.794.463a.123.123%200%200%201-.18-.14l.177-.668a.25.25%200%200%200-.098-.267c-.785-.57-1.284-1.41-1.284-2.35c0-1.716%201.655-3.107%203.695-3.107m-1.231%201.616a.495.495%200%200%200-.493.497c0%20.274.22.497.493.497a.495.495%200%200%200%20.492-.497a.495.495%200%200%200-.492-.497m2.462%200a.495.495%200%200%200-.492.497c0%20.274.22.497.492.497a.495.495%200%200%200%20.493-.497a.495.495%200%200%200-.493-.497M18.08%2018.88h5.12c0%202.4-1.92%204.32-4.32%204.32H5.12C2.72%2023.2.8%2021.28.8%2018.88h5.12c1.6%200%203.914-.012%205.28%201.28c.489.462.677%201.17.798%201.17c.12%200%20.292-.671.802-1.17c1.305-1.275%203.215-1.28%205.28-1.28%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/weread.svg?color=%231a73e8&size=48