koreader logo

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

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

Use the koreader logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.849 0v14.558l-1.65-1.38l-1.649 1.38V.026a2.796 2.796 0 0 0-2.427 2.763v18.422c0 1.336.951 2.46 2.208 2.728a8 8 0 0 1-.236-1.92c0-4.36 3.54-7.907 7.892-7.907c4.351 0 7.891 3.547 7.891 7.907a8 8 0 0 1-.082 1.129a2.78 2.78 0 0 0 .788-1.937V2.789a2.8 2.8 0 0 0-1.733-2.58l-6.647 7.114c.733.865 3.202 3.27 6.399 6.001c.67.573 1.186 1.006 1.721 1.234c-1.16.002-2.37-.005-2.762 0c-2.283.031-2.334-.415-3.07-1.003c-1.121-.897-3.682-3.447-4.937-4.612c-.428-.398-.67-.86-.67-1.293v-.352c0-.575.216-1.13.605-1.553L14.778 0zm10.598 0a2.795 2.795 0 0 1 2.784 2.79v18.42A2.795 2.795 0 0 1 18.447 24h.646a2.795 2.795 0 0 0 2.784-2.79V2.79A2.795 2.795 0 0 0 19.093 0zm-6.46 17.084a4.936 4.936 0 0 0-4.926 4.935c0 .705.151 1.374.418 1.981h9.015a4.9 4.9 0 0 0 .418-1.981c0-2.721-2.21-4.935-4.925-4.935"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsKoreader(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="M7.849 0v14.558l-1.65-1.38l-1.649 1.38V.026a2.796 2.796 0 0 0-2.427 2.763v18.422c0 1.336.951 2.46 2.208 2.728a8 8 0 0 1-.236-1.92c0-4.36 3.54-7.907 7.892-7.907c4.351 0 7.891 3.547 7.891 7.907a8 8 0 0 1-.082 1.129a2.78 2.78 0 0 0 .788-1.937V2.789a2.8 2.8 0 0 0-1.733-2.58l-6.647 7.114c.733.865 3.202 3.27 6.399 6.001c.67.573 1.186 1.006 1.721 1.234c-1.16.002-2.37-.005-2.762 0c-2.283.031-2.334-.415-3.07-1.003c-1.121-.897-3.682-3.447-4.937-4.612c-.428-.398-.67-.86-.67-1.293v-.352c0-.575.216-1.13.605-1.553L14.778 0zm10.598 0a2.795 2.795 0 0 1 2.784 2.79v18.42A2.795 2.795 0 0 1 18.447 24h.646a2.795 2.795 0 0 0 2.784-2.79V2.79A2.795 2.795 0 0 0 19.093 0zm-6.46 17.084a4.936 4.936 0 0 0-4.926 4.935c0 .705.151 1.374.418 1.981h9.015a4.9 4.9 0 0 0 .418-1.981c0-2.721-2.21-4.935-4.925-4.935"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.849 0v14.558l-1.65-1.38l-1.649 1.38V.026a2.796 2.796 0 0 0-2.427 2.763v18.422c0 1.336.951 2.46 2.208 2.728a8 8 0 0 1-.236-1.92c0-4.36 3.54-7.907 7.892-7.907c4.351 0 7.891 3.547 7.891 7.907a8 8 0 0 1-.082 1.129a2.78 2.78 0 0 0 .788-1.937V2.789a2.8 2.8 0 0 0-1.733-2.58l-6.647 7.114c.733.865 3.202 3.27 6.399 6.001c.67.573 1.186 1.006 1.721 1.234c-1.16.002-2.37-.005-2.762 0c-2.283.031-2.334-.415-3.07-1.003c-1.121-.897-3.682-3.447-4.937-4.612c-.428-.398-.67-.86-.67-1.293v-.352c0-.575.216-1.13.605-1.553L14.778 0zm10.598 0a2.795 2.795 0 0 1 2.784 2.79v18.42A2.795 2.795 0 0 1 18.447 24h.646a2.795 2.795 0 0 0 2.784-2.79V2.79A2.795 2.795 0 0 0 19.093 0zm-6.46 17.084a4.936 4.936 0 0 0-4.926 4.935c0 .705.151 1.374.418 1.981h9.015a4.9 4.9 0 0 0 .418-1.981c0-2.721-2.21-4.935-4.925-4.935"/></svg>
</template>

CSS

.icon-koreader {
  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%22M7.849%200v14.558l-1.65-1.38l-1.649%201.38V.026a2.796%202.796%200%200%200-2.427%202.763v18.422c0%201.336.951%202.46%202.208%202.728a8%208%200%200%201-.236-1.92c0-4.36%203.54-7.907%207.892-7.907c4.351%200%207.891%203.547%207.891%207.907a8%208%200%200%201-.082%201.129a2.78%202.78%200%200%200%20.788-1.937V2.789a2.8%202.8%200%200%200-1.733-2.58l-6.647%207.114c.733.865%203.202%203.27%206.399%206.001c.67.573%201.186%201.006%201.721%201.234c-1.16.002-2.37-.005-2.762%200c-2.283.031-2.334-.415-3.07-1.003c-1.121-.897-3.682-3.447-4.937-4.612c-.428-.398-.67-.86-.67-1.293v-.352c0-.575.216-1.13.605-1.553L14.778%200zm10.598%200a2.795%202.795%200%200%201%202.784%202.79v18.42A2.795%202.795%200%200%201%2018.447%2024h.646a2.795%202.795%200%200%200%202.784-2.79V2.79A2.795%202.795%200%200%200%2019.093%200zm-6.46%2017.084a4.936%204.936%200%200%200-4.926%204.935c0%20.705.151%201.374.418%201.981h9.015a4.9%204.9%200%200%200%20.418-1.981c0-2.721-2.21-4.935-4.925-4.935%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%22M7.849%200v14.558l-1.65-1.38l-1.649%201.38V.026a2.796%202.796%200%200%200-2.427%202.763v18.422c0%201.336.951%202.46%202.208%202.728a8%208%200%200%201-.236-1.92c0-4.36%203.54-7.907%207.892-7.907c4.351%200%207.891%203.547%207.891%207.907a8%208%200%200%201-.082%201.129a2.78%202.78%200%200%200%20.788-1.937V2.789a2.8%202.8%200%200%200-1.733-2.58l-6.647%207.114c.733.865%203.202%203.27%206.399%206.001c.67.573%201.186%201.006%201.721%201.234c-1.16.002-2.37-.005-2.762%200c-2.283.031-2.334-.415-3.07-1.003c-1.121-.897-3.682-3.447-4.937-4.612c-.428-.398-.67-.86-.67-1.293v-.352c0-.575.216-1.13.605-1.553L14.778%200zm10.598%200a2.795%202.795%200%200%201%202.784%202.79v18.42A2.795%202.795%200%200%201%2018.447%2024h.646a2.795%202.795%200%200%200%202.784-2.79V2.79A2.795%202.795%200%200%200%2019.093%200zm-6.46%2017.084a4.936%204.936%200%200%200-4.926%204.935c0%20.705.151%201.374.418%201.981h9.015a4.9%204.9%200%200%200%20.418-1.981c0-2.721-2.21-4.935-4.925-4.935%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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