bookbub logo

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

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

Use the bookbub logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 20V4h5.4c1.6 0 2.8.3 3.8 1c.9.7 1.4 1.6 1.4 2.7c0 .8-.3 1.6-.8 2.3c-.6.7-1.3 1.2-2.2 1.4c1.1.1 2 .6 2.7 1.3s1 1.6 1 2.6c0 1.4-.5 2.6-1.5 3.4c-1 .9-2.4 1.3-4.1 1.3zM3 6.4v4.2h1.7c.8 0 1.5-.2 1.9-.6s.7-1 .7-1.7c0-1.3-.9-1.9-2.7-1.9zM3 13v4.7h2.1q1.35 0 2.1-.6c.5-.5.8-1.1.8-1.9C8 13.7 7 13 5 13zm9.7 7V4h5.4c1.6 0 2.8.3 3.8 1c.9.7 1.4 1.6 1.4 2.7c0 .8-.3 1.6-.8 2.3c-.6.7-1.3 1.2-2.2 1.4c1.1.1 2 .6 2.7 1.3s1 1.6 1 2.6c0 1.4-.5 2.6-1.5 3.4c-1 .9-2.4 1.3-4.1 1.3zm3-13.6v4.2h1.7c.8 0 1.5-.2 1.9-.6s.7-1 .7-1.7c0-1.3-.9-1.9-2.7-1.9zm0 6.6v4.7h2.1q1.35 0 2.1-.6c.5-.4.7-1 .7-1.8c0-1.5-1-2.3-3-2.3z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsBookbub(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="M0 20V4h5.4c1.6 0 2.8.3 3.8 1c.9.7 1.4 1.6 1.4 2.7c0 .8-.3 1.6-.8 2.3c-.6.7-1.3 1.2-2.2 1.4c1.1.1 2 .6 2.7 1.3s1 1.6 1 2.6c0 1.4-.5 2.6-1.5 3.4c-1 .9-2.4 1.3-4.1 1.3zM3 6.4v4.2h1.7c.8 0 1.5-.2 1.9-.6s.7-1 .7-1.7c0-1.3-.9-1.9-2.7-1.9zM3 13v4.7h2.1q1.35 0 2.1-.6c.5-.5.8-1.1.8-1.9C8 13.7 7 13 5 13zm9.7 7V4h5.4c1.6 0 2.8.3 3.8 1c.9.7 1.4 1.6 1.4 2.7c0 .8-.3 1.6-.8 2.3c-.6.7-1.3 1.2-2.2 1.4c1.1.1 2 .6 2.7 1.3s1 1.6 1 2.6c0 1.4-.5 2.6-1.5 3.4c-1 .9-2.4 1.3-4.1 1.3zm3-13.6v4.2h1.7c.8 0 1.5-.2 1.9-.6s.7-1 .7-1.7c0-1.3-.9-1.9-2.7-1.9zm0 6.6v4.7h2.1q1.35 0 2.1-.6c.5-.4.7-1 .7-1.8c0-1.5-1-2.3-3-2.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 20V4h5.4c1.6 0 2.8.3 3.8 1c.9.7 1.4 1.6 1.4 2.7c0 .8-.3 1.6-.8 2.3c-.6.7-1.3 1.2-2.2 1.4c1.1.1 2 .6 2.7 1.3s1 1.6 1 2.6c0 1.4-.5 2.6-1.5 3.4c-1 .9-2.4 1.3-4.1 1.3zM3 6.4v4.2h1.7c.8 0 1.5-.2 1.9-.6s.7-1 .7-1.7c0-1.3-.9-1.9-2.7-1.9zM3 13v4.7h2.1q1.35 0 2.1-.6c.5-.5.8-1.1.8-1.9C8 13.7 7 13 5 13zm9.7 7V4h5.4c1.6 0 2.8.3 3.8 1c.9.7 1.4 1.6 1.4 2.7c0 .8-.3 1.6-.8 2.3c-.6.7-1.3 1.2-2.2 1.4c1.1.1 2 .6 2.7 1.3s1 1.6 1 2.6c0 1.4-.5 2.6-1.5 3.4c-1 .9-2.4 1.3-4.1 1.3zm3-13.6v4.2h1.7c.8 0 1.5-.2 1.9-.6s.7-1 .7-1.7c0-1.3-.9-1.9-2.7-1.9zm0 6.6v4.7h2.1q1.35 0 2.1-.6c.5-.4.7-1 .7-1.8c0-1.5-1-2.3-3-2.3z"/></svg>
</template>

CSS

.icon-bookbub {
  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%22M0%2020V4h5.4c1.6%200%202.8.3%203.8%201c.9.7%201.4%201.6%201.4%202.7c0%20.8-.3%201.6-.8%202.3c-.6.7-1.3%201.2-2.2%201.4c1.1.1%202%20.6%202.7%201.3s1%201.6%201%202.6c0%201.4-.5%202.6-1.5%203.4c-1%20.9-2.4%201.3-4.1%201.3zM3%206.4v4.2h1.7c.8%200%201.5-.2%201.9-.6s.7-1%20.7-1.7c0-1.3-.9-1.9-2.7-1.9zM3%2013v4.7h2.1q1.35%200%202.1-.6c.5-.5.8-1.1.8-1.9C8%2013.7%207%2013%205%2013zm9.7%207V4h5.4c1.6%200%202.8.3%203.8%201c.9.7%201.4%201.6%201.4%202.7c0%20.8-.3%201.6-.8%202.3c-.6.7-1.3%201.2-2.2%201.4c1.1.1%202%20.6%202.7%201.3s1%201.6%201%202.6c0%201.4-.5%202.6-1.5%203.4c-1%20.9-2.4%201.3-4.1%201.3zm3-13.6v4.2h1.7c.8%200%201.5-.2%201.9-.6s.7-1%20.7-1.7c0-1.3-.9-1.9-2.7-1.9zm0%206.6v4.7h2.1q1.35%200%202.1-.6c.5-.4.7-1%20.7-1.8c0-1.5-1-2.3-3-2.3z%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%22M0%2020V4h5.4c1.6%200%202.8.3%203.8%201c.9.7%201.4%201.6%201.4%202.7c0%20.8-.3%201.6-.8%202.3c-.6.7-1.3%201.2-2.2%201.4c1.1.1%202%20.6%202.7%201.3s1%201.6%201%202.6c0%201.4-.5%202.6-1.5%203.4c-1%20.9-2.4%201.3-4.1%201.3zM3%206.4v4.2h1.7c.8%200%201.5-.2%201.9-.6s.7-1%20.7-1.7c0-1.3-.9-1.9-2.7-1.9zM3%2013v4.7h2.1q1.35%200%202.1-.6c.5-.5.8-1.1.8-1.9C8%2013.7%207%2013%205%2013zm9.7%207V4h5.4c1.6%200%202.8.3%203.8%201c.9.7%201.4%201.6%201.4%202.7c0%20.8-.3%201.6-.8%202.3c-.6.7-1.3%201.2-2.2%201.4c1.1.1%202%20.6%202.7%201.3s1%201.6%201%202.6c0%201.4-.5%202.6-1.5%203.4c-1%20.9-2.4%201.3-4.1%201.3zm3-13.6v4.2h1.7c.8%200%201.5-.2%201.9-.6s.7-1%20.7-1.7c0-1.3-.9-1.9-2.7-1.9zm0%206.6v4.7h2.1q1.35%200%202.1-.6c.5-.4.7-1%20.7-1.8c0-1.5-1-2.3-3-2.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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