gitbook logo

gitbook from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: gitbook
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

gitbookHuge Icons gitbook-fillRemix Icon gitbookSimple Icons

Use the gitbook logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#346ddb" fill-rule="evenodd" d="M67.008 20.596a10.3 10.3 0 0 0-4.677 1.186L8.385 50.25a12 12 0 0 0-3.746 3.09A11.98 11.98 0 0 0 2 60.84v3.248a15.4 15.4 0 0 0 .596 4.244a15.4 15.4 0 0 0 2.93 5.56a15.4 15.4 0 0 0 4.983 3.964l33.521 16.76a11.2 11.2 0 0 0 .749 5.999a11 11 0 0 0 1.665 2.744a11.2 11.2 0 0 0 4.251 3.172a11 11 0 0 0 4.328.873a11.3 11.3 0 0 0 2.24-.225a11 11 0 0 0 3.975-1.673a11.17 11.17 0 0 0 4.028-4.891a11 11 0 0 0 .816-3.191a11.3 11.3 0 0 0-.106-3.052l41.18-21.734a11.2 11.2 0 0 0 2.532 1.839a11.1 11.1 0 0 0 6.331 1.228a11.1 11.1 0 0 0 3.19-.816a11 11 0 0 0 2.745-1.665a11.2 11.2 0 0 0 3.172-4.251a11 11 0 0 0 .817-3.191a11.2 11.2 0 0 0-.443-4.443a11.1 11.1 0 0 0-2.039-3.765a11.2 11.2 0 0 0-4.251-3.172a11 11 0 0 0-4.327-.874a11.3 11.3 0 0 0-2.241.226a11.05 11.05 0 0 0-4.831 2.313a11.2 11.2 0 0 0-3.172 4.251a11 11 0 0 0-.874 4.327a11 11 0 0 0 .172 1.957L62.779 88.324a11.2 11.2 0 0 0-2.54-1.856a11.06 11.06 0 0 0-5.217-1.298a11.3 11.3 0 0 0-2.266.231a11 11 0 0 0-4.013 1.71a11 11 0 0 0-1.653 1.387L14.048 71.977a9.43 9.43 0 0 1-4.842-5.828a9.4 9.4 0 0 1-.365-2.597a6.4 6.4 0 0 1 .201-1.589a6.1 6.1 0 0 1 1.432-2.613a6.3 6.3 0 0 1 1.745-1.325a6.3 6.3 0 0 1 2.104-.647a6.1 6.1 0 0 1 3.023.403L50.305 74.26a10.27 10.27 0 0 0 9.38-.103l52.493-27.705q.347-.185.605-.437a2.5 2.5 0 0 0 .683-1.189a2.62 2.62 0 0 0-.282-1.967a2.5 2.5 0 0 0-.441-.546a2.6 2.6 0 0 0-.615-.425L71.711 21.68a10.3 10.3 0 0 0-4.702-1.082zm47.875 39.774a4.3 4.3 0 0 1 1.664.336a4.27 4.27 0 0 1 1.882 1.55a4.26 4.26 0 0 1 .643 3.252a4.2 4.2 0 0 1-.643 1.529a4.3 4.3 0 0 1-1.882 1.549a4.2 4.2 0 0 1-1.664.336a4.3 4.3 0 0 1-1.664-.336a4.27 4.27 0 0 1-1.882-1.55a4.27 4.27 0 0 1 0-4.78a4.3 4.3 0 0 1 2.684-1.8q.419-.085.862-.086M55.024 92.013a4.3 4.3 0 0 1 1.664.336a4.27 4.27 0 0 1 1.882 1.55a4.26 4.26 0 0 1 .394 4.054a4.27 4.27 0 0 1-1.55 1.881a4.266 4.266 0 0 1-5.413-.522a4.3 4.3 0 0 1-.917-1.359a4.2 4.2 0 0 1-.336-1.664a4.3 4.3 0 0 1 .336-1.665a4.3 4.3 0 0 1 .917-1.359a4.3 4.3 0 0 1 1.359-.916a4.2 4.2 0 0 1 1.664-.336"/></svg>

React

import type { SVGProps } from "react";

export function DeviconGitbook(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#346ddb" fillRule="evenodd" d="M67.008 20.596a10.3 10.3 0 0 0-4.677 1.186L8.385 50.25a12 12 0 0 0-3.746 3.09A11.98 11.98 0 0 0 2 60.84v3.248a15.4 15.4 0 0 0 .596 4.244a15.4 15.4 0 0 0 2.93 5.56a15.4 15.4 0 0 0 4.983 3.964l33.521 16.76a11.2 11.2 0 0 0 .749 5.999a11 11 0 0 0 1.665 2.744a11.2 11.2 0 0 0 4.251 3.172a11 11 0 0 0 4.328.873a11.3 11.3 0 0 0 2.24-.225a11 11 0 0 0 3.975-1.673a11.17 11.17 0 0 0 4.028-4.891a11 11 0 0 0 .816-3.191a11.3 11.3 0 0 0-.106-3.052l41.18-21.734a11.2 11.2 0 0 0 2.532 1.839a11.1 11.1 0 0 0 6.331 1.228a11.1 11.1 0 0 0 3.19-.816a11 11 0 0 0 2.745-1.665a11.2 11.2 0 0 0 3.172-4.251a11 11 0 0 0 .817-3.191a11.2 11.2 0 0 0-.443-4.443a11.1 11.1 0 0 0-2.039-3.765a11.2 11.2 0 0 0-4.251-3.172a11 11 0 0 0-4.327-.874a11.3 11.3 0 0 0-2.241.226a11.05 11.05 0 0 0-4.831 2.313a11.2 11.2 0 0 0-3.172 4.251a11 11 0 0 0-.874 4.327a11 11 0 0 0 .172 1.957L62.779 88.324a11.2 11.2 0 0 0-2.54-1.856a11.06 11.06 0 0 0-5.217-1.298a11.3 11.3 0 0 0-2.266.231a11 11 0 0 0-4.013 1.71a11 11 0 0 0-1.653 1.387L14.048 71.977a9.43 9.43 0 0 1-4.842-5.828a9.4 9.4 0 0 1-.365-2.597a6.4 6.4 0 0 1 .201-1.589a6.1 6.1 0 0 1 1.432-2.613a6.3 6.3 0 0 1 1.745-1.325a6.3 6.3 0 0 1 2.104-.647a6.1 6.1 0 0 1 3.023.403L50.305 74.26a10.27 10.27 0 0 0 9.38-.103l52.493-27.705q.347-.185.605-.437a2.5 2.5 0 0 0 .683-1.189a2.62 2.62 0 0 0-.282-1.967a2.5 2.5 0 0 0-.441-.546a2.6 2.6 0 0 0-.615-.425L71.711 21.68a10.3 10.3 0 0 0-4.702-1.082zm47.875 39.774a4.3 4.3 0 0 1 1.664.336a4.27 4.27 0 0 1 1.882 1.55a4.26 4.26 0 0 1 .643 3.252a4.2 4.2 0 0 1-.643 1.529a4.3 4.3 0 0 1-1.882 1.549a4.2 4.2 0 0 1-1.664.336a4.3 4.3 0 0 1-1.664-.336a4.27 4.27 0 0 1-1.882-1.55a4.27 4.27 0 0 1 0-4.78a4.3 4.3 0 0 1 2.684-1.8q.419-.085.862-.086M55.024 92.013a4.3 4.3 0 0 1 1.664.336a4.27 4.27 0 0 1 1.882 1.55a4.26 4.26 0 0 1 .394 4.054a4.27 4.27 0 0 1-1.55 1.881a4.266 4.266 0 0 1-5.413-.522a4.3 4.3 0 0 1-.917-1.359a4.2 4.2 0 0 1-.336-1.664a4.3 4.3 0 0 1 .336-1.665a4.3 4.3 0 0 1 .917-1.359a4.3 4.3 0 0 1 1.359-.916a4.2 4.2 0 0 1 1.664-.336"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#346ddb" fill-rule="evenodd" d="M67.008 20.596a10.3 10.3 0 0 0-4.677 1.186L8.385 50.25a12 12 0 0 0-3.746 3.09A11.98 11.98 0 0 0 2 60.84v3.248a15.4 15.4 0 0 0 .596 4.244a15.4 15.4 0 0 0 2.93 5.56a15.4 15.4 0 0 0 4.983 3.964l33.521 16.76a11.2 11.2 0 0 0 .749 5.999a11 11 0 0 0 1.665 2.744a11.2 11.2 0 0 0 4.251 3.172a11 11 0 0 0 4.328.873a11.3 11.3 0 0 0 2.24-.225a11 11 0 0 0 3.975-1.673a11.17 11.17 0 0 0 4.028-4.891a11 11 0 0 0 .816-3.191a11.3 11.3 0 0 0-.106-3.052l41.18-21.734a11.2 11.2 0 0 0 2.532 1.839a11.1 11.1 0 0 0 6.331 1.228a11.1 11.1 0 0 0 3.19-.816a11 11 0 0 0 2.745-1.665a11.2 11.2 0 0 0 3.172-4.251a11 11 0 0 0 .817-3.191a11.2 11.2 0 0 0-.443-4.443a11.1 11.1 0 0 0-2.039-3.765a11.2 11.2 0 0 0-4.251-3.172a11 11 0 0 0-4.327-.874a11.3 11.3 0 0 0-2.241.226a11.05 11.05 0 0 0-4.831 2.313a11.2 11.2 0 0 0-3.172 4.251a11 11 0 0 0-.874 4.327a11 11 0 0 0 .172 1.957L62.779 88.324a11.2 11.2 0 0 0-2.54-1.856a11.06 11.06 0 0 0-5.217-1.298a11.3 11.3 0 0 0-2.266.231a11 11 0 0 0-4.013 1.71a11 11 0 0 0-1.653 1.387L14.048 71.977a9.43 9.43 0 0 1-4.842-5.828a9.4 9.4 0 0 1-.365-2.597a6.4 6.4 0 0 1 .201-1.589a6.1 6.1 0 0 1 1.432-2.613a6.3 6.3 0 0 1 1.745-1.325a6.3 6.3 0 0 1 2.104-.647a6.1 6.1 0 0 1 3.023.403L50.305 74.26a10.27 10.27 0 0 0 9.38-.103l52.493-27.705q.347-.185.605-.437a2.5 2.5 0 0 0 .683-1.189a2.62 2.62 0 0 0-.282-1.967a2.5 2.5 0 0 0-.441-.546a2.6 2.6 0 0 0-.615-.425L71.711 21.68a10.3 10.3 0 0 0-4.702-1.082zm47.875 39.774a4.3 4.3 0 0 1 1.664.336a4.27 4.27 0 0 1 1.882 1.55a4.26 4.26 0 0 1 .643 3.252a4.2 4.2 0 0 1-.643 1.529a4.3 4.3 0 0 1-1.882 1.549a4.2 4.2 0 0 1-1.664.336a4.3 4.3 0 0 1-1.664-.336a4.27 4.27 0 0 1-1.882-1.55a4.27 4.27 0 0 1 0-4.78a4.3 4.3 0 0 1 2.684-1.8q.419-.085.862-.086M55.024 92.013a4.3 4.3 0 0 1 1.664.336a4.27 4.27 0 0 1 1.882 1.55a4.26 4.26 0 0 1 .394 4.054a4.27 4.27 0 0 1-1.55 1.881a4.266 4.266 0 0 1-5.413-.522a4.3 4.3 0 0 1-.917-1.359a4.2 4.2 0 0 1-.336-1.664a4.3 4.3 0 0 1 .336-1.665a4.3 4.3 0 0 1 .917-1.359a4.3 4.3 0 0 1 1.359-.916a4.2 4.2 0 0 1 1.664-.336"/></svg>
</template>

CSS

.icon-gitbook {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23346ddb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M67.008%2020.596a10.3%2010.3%200%200%200-4.677%201.186L8.385%2050.25a12%2012%200%200%200-3.746%203.09A11.98%2011.98%200%200%200%202%2060.84v3.248a15.4%2015.4%200%200%200%20.596%204.244a15.4%2015.4%200%200%200%202.93%205.56a15.4%2015.4%200%200%200%204.983%203.964l33.521%2016.76a11.2%2011.2%200%200%200%20.749%205.999a11%2011%200%200%200%201.665%202.744a11.2%2011.2%200%200%200%204.251%203.172a11%2011%200%200%200%204.328.873a11.3%2011.3%200%200%200%202.24-.225a11%2011%200%200%200%203.975-1.673a11.17%2011.17%200%200%200%204.028-4.891a11%2011%200%200%200%20.816-3.191a11.3%2011.3%200%200%200-.106-3.052l41.18-21.734a11.2%2011.2%200%200%200%202.532%201.839a11.1%2011.1%200%200%200%206.331%201.228a11.1%2011.1%200%200%200%203.19-.816a11%2011%200%200%200%202.745-1.665a11.2%2011.2%200%200%200%203.172-4.251a11%2011%200%200%200%20.817-3.191a11.2%2011.2%200%200%200-.443-4.443a11.1%2011.1%200%200%200-2.039-3.765a11.2%2011.2%200%200%200-4.251-3.172a11%2011%200%200%200-4.327-.874a11.3%2011.3%200%200%200-2.241.226a11.05%2011.05%200%200%200-4.831%202.313a11.2%2011.2%200%200%200-3.172%204.251a11%2011%200%200%200-.874%204.327a11%2011%200%200%200%20.172%201.957L62.779%2088.324a11.2%2011.2%200%200%200-2.54-1.856a11.06%2011.06%200%200%200-5.217-1.298a11.3%2011.3%200%200%200-2.266.231a11%2011%200%200%200-4.013%201.71a11%2011%200%200%200-1.653%201.387L14.048%2071.977a9.43%209.43%200%200%201-4.842-5.828a9.4%209.4%200%200%201-.365-2.597a6.4%206.4%200%200%201%20.201-1.589a6.1%206.1%200%200%201%201.432-2.613a6.3%206.3%200%200%201%201.745-1.325a6.3%206.3%200%200%201%202.104-.647a6.1%206.1%200%200%201%203.023.403L50.305%2074.26a10.27%2010.27%200%200%200%209.38-.103l52.493-27.705q.347-.185.605-.437a2.5%202.5%200%200%200%20.683-1.189a2.62%202.62%200%200%200-.282-1.967a2.5%202.5%200%200%200-.441-.546a2.6%202.6%200%200%200-.615-.425L71.711%2021.68a10.3%2010.3%200%200%200-4.702-1.082zm47.875%2039.774a4.3%204.3%200%200%201%201.664.336a4.27%204.27%200%200%201%201.882%201.55a4.26%204.26%200%200%201%20.643%203.252a4.2%204.2%200%200%201-.643%201.529a4.3%204.3%200%200%201-1.882%201.549a4.2%204.2%200%200%201-1.664.336a4.3%204.3%200%200%201-1.664-.336a4.27%204.27%200%200%201-1.882-1.55a4.27%204.27%200%200%201%200-4.78a4.3%204.3%200%200%201%202.684-1.8q.419-.085.862-.086M55.024%2092.013a4.3%204.3%200%200%201%201.664.336a4.27%204.27%200%200%201%201.882%201.55a4.26%204.26%200%200%201%20.394%204.054a4.27%204.27%200%200%201-1.55%201.881a4.266%204.266%200%200%201-5.413-.522a4.3%204.3%200%200%201-.917-1.359a4.2%204.2%200%200%201-.336-1.664a4.3%204.3%200%200%201%20.336-1.665a4.3%204.3%200%200%201%20.917-1.359a4.3%204.3%200%200%201%201.359-.916a4.2%204.2%200%200%201%201.664-.336%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23346ddb%22%20fill-rule%3D%22evenodd%22%20d%3D%22M67.008%2020.596a10.3%2010.3%200%200%200-4.677%201.186L8.385%2050.25a12%2012%200%200%200-3.746%203.09A11.98%2011.98%200%200%200%202%2060.84v3.248a15.4%2015.4%200%200%200%20.596%204.244a15.4%2015.4%200%200%200%202.93%205.56a15.4%2015.4%200%200%200%204.983%203.964l33.521%2016.76a11.2%2011.2%200%200%200%20.749%205.999a11%2011%200%200%200%201.665%202.744a11.2%2011.2%200%200%200%204.251%203.172a11%2011%200%200%200%204.328.873a11.3%2011.3%200%200%200%202.24-.225a11%2011%200%200%200%203.975-1.673a11.17%2011.17%200%200%200%204.028-4.891a11%2011%200%200%200%20.816-3.191a11.3%2011.3%200%200%200-.106-3.052l41.18-21.734a11.2%2011.2%200%200%200%202.532%201.839a11.1%2011.1%200%200%200%206.331%201.228a11.1%2011.1%200%200%200%203.19-.816a11%2011%200%200%200%202.745-1.665a11.2%2011.2%200%200%200%203.172-4.251a11%2011%200%200%200%20.817-3.191a11.2%2011.2%200%200%200-.443-4.443a11.1%2011.1%200%200%200-2.039-3.765a11.2%2011.2%200%200%200-4.251-3.172a11%2011%200%200%200-4.327-.874a11.3%2011.3%200%200%200-2.241.226a11.05%2011.05%200%200%200-4.831%202.313a11.2%2011.2%200%200%200-3.172%204.251a11%2011%200%200%200-.874%204.327a11%2011%200%200%200%20.172%201.957L62.779%2088.324a11.2%2011.2%200%200%200-2.54-1.856a11.06%2011.06%200%200%200-5.217-1.298a11.3%2011.3%200%200%200-2.266.231a11%2011%200%200%200-4.013%201.71a11%2011%200%200%200-1.653%201.387L14.048%2071.977a9.43%209.43%200%200%201-4.842-5.828a9.4%209.4%200%200%201-.365-2.597a6.4%206.4%200%200%201%20.201-1.589a6.1%206.1%200%200%201%201.432-2.613a6.3%206.3%200%200%201%201.745-1.325a6.3%206.3%200%200%201%202.104-.647a6.1%206.1%200%200%201%203.023.403L50.305%2074.26a10.27%2010.27%200%200%200%209.38-.103l52.493-27.705q.347-.185.605-.437a2.5%202.5%200%200%200%20.683-1.189a2.62%202.62%200%200%200-.282-1.967a2.5%202.5%200%200%200-.441-.546a2.6%202.6%200%200%200-.615-.425L71.711%2021.68a10.3%2010.3%200%200%200-4.702-1.082zm47.875%2039.774a4.3%204.3%200%200%201%201.664.336a4.27%204.27%200%200%201%201.882%201.55a4.26%204.26%200%200%201%20.643%203.252a4.2%204.2%200%200%201-.643%201.529a4.3%204.3%200%200%201-1.882%201.549a4.2%204.2%200%200%201-1.664.336a4.3%204.3%200%200%201-1.664-.336a4.27%204.27%200%200%201-1.882-1.55a4.27%204.27%200%200%201%200-4.78a4.3%204.3%200%200%201%202.684-1.8q.419-.085.862-.086M55.024%2092.013a4.3%204.3%200%200%201%201.664.336a4.27%204.27%200%200%201%201.882%201.55a4.26%204.26%200%200%201%20.394%204.054a4.27%204.27%200%200%201-1.55%201.881a4.266%204.266%200%200%201-5.413-.522a4.3%204.3%200%200%201-.917-1.359a4.2%204.2%200%200%201-.336-1.664a4.3%204.3%200%200%201%20.336-1.665a4.3%204.3%200%200%201%20.917-1.359a4.3%204.3%200%200%201%201.359-.916a4.2%204.2%200%200%201%201.664-.336%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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