gitbook icon
gitbook-fill from Remix Icon by Remix Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- gitbook-fill
- Set
- Remix Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
Use the gitbook icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.42 12.535c.98.592 1.47.888 2.007.888s1.028-.294 2.008-.884l6.236-3.753a.96.96 0 0 0 .456-.824a.96.96 0 0 0-.456-.824l-6.238-3.754c-.98-.59-1.469-.884-2.006-.884s-1.027.295-2.005.886L5.06 6.616l-.085.053C3.146 7.792 2.017 9.837 2 12.055v.206c.016 2.215 1.144 4.258 2.97 5.382l.086.052l3.352 2.026c1.961 1.186 2.942 1.778 4.02 1.779c1.076 0 2.057-.591 4.02-1.776l3.542-2.138c.98-.592 1.471-.888 1.74-1.376c.27-.487.27-1.079.27-2.263v-2.294a.91.91 0 0 0-.433-.784a.83.83 0 0 0-.865 0l-7.273 4.376c-.49.294-.734.441-1.002.441s-.513-.146-1.002-.44l-4.921-2.958c-.248-.148-.37-.223-.47-.236a.5.5 0 0 0-.53.322c-.037.097-.037.246-.035.545c0 .219.001.328.021.43c.044.225.157.429.323.58c.074.068.165.123.346.232l5.263 3.18c.49.297.736.445 1.005.445c.27 0 .515-.148 1.005-.444l6.45-3.893c.168-.101.252-.151.315-.114c.063.038.063.14.063.342v1.04c0 .295 0 .443-.068.565c-.067.122-.19.196-.435.344l-5.32 3.21c-.98.593-1.471.889-2.01.888c-.538 0-1.03-.297-2.01-.89l-4.975-3.008l-.035-.021c-1.042-.64-1.685-1.805-1.692-3.068v-.998c0-.698.355-1.342.932-1.693a1.59 1.59 0 0 1 1.653-.001z"/></svg>
React
import type { SVGProps } from "react";
export function RiGitbookFill(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="M10.42 12.535c.98.592 1.47.888 2.007.888s1.028-.294 2.008-.884l6.236-3.753a.96.96 0 0 0 .456-.824a.96.96 0 0 0-.456-.824l-6.238-3.754c-.98-.59-1.469-.884-2.006-.884s-1.027.295-2.005.886L5.06 6.616l-.085.053C3.146 7.792 2.017 9.837 2 12.055v.206c.016 2.215 1.144 4.258 2.97 5.382l.086.052l3.352 2.026c1.961 1.186 2.942 1.778 4.02 1.779c1.076 0 2.057-.591 4.02-1.776l3.542-2.138c.98-.592 1.471-.888 1.74-1.376c.27-.487.27-1.079.27-2.263v-2.294a.91.91 0 0 0-.433-.784a.83.83 0 0 0-.865 0l-7.273 4.376c-.49.294-.734.441-1.002.441s-.513-.146-1.002-.44l-4.921-2.958c-.248-.148-.37-.223-.47-.236a.5.5 0 0 0-.53.322c-.037.097-.037.246-.035.545c0 .219.001.328.021.43c.044.225.157.429.323.58c.074.068.165.123.346.232l5.263 3.18c.49.297.736.445 1.005.445c.27 0 .515-.148 1.005-.444l6.45-3.893c.168-.101.252-.151.315-.114c.063.038.063.14.063.342v1.04c0 .295 0 .443-.068.565c-.067.122-.19.196-.435.344l-5.32 3.21c-.98.593-1.471.889-2.01.888c-.538 0-1.03-.297-2.01-.89l-4.975-3.008l-.035-.021c-1.042-.64-1.685-1.805-1.692-3.068v-.998c0-.698.355-1.342.932-1.693a1.59 1.59 0 0 1 1.653-.001z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.42 12.535c.98.592 1.47.888 2.007.888s1.028-.294 2.008-.884l6.236-3.753a.96.96 0 0 0 .456-.824a.96.96 0 0 0-.456-.824l-6.238-3.754c-.98-.59-1.469-.884-2.006-.884s-1.027.295-2.005.886L5.06 6.616l-.085.053C3.146 7.792 2.017 9.837 2 12.055v.206c.016 2.215 1.144 4.258 2.97 5.382l.086.052l3.352 2.026c1.961 1.186 2.942 1.778 4.02 1.779c1.076 0 2.057-.591 4.02-1.776l3.542-2.138c.98-.592 1.471-.888 1.74-1.376c.27-.487.27-1.079.27-2.263v-2.294a.91.91 0 0 0-.433-.784a.83.83 0 0 0-.865 0l-7.273 4.376c-.49.294-.734.441-1.002.441s-.513-.146-1.002-.44l-4.921-2.958c-.248-.148-.37-.223-.47-.236a.5.5 0 0 0-.53.322c-.037.097-.037.246-.035.545c0 .219.001.328.021.43c.044.225.157.429.323.58c.074.068.165.123.346.232l5.263 3.18c.49.297.736.445 1.005.445c.27 0 .515-.148 1.005-.444l6.45-3.893c.168-.101.252-.151.315-.114c.063.038.063.14.063.342v1.04c0 .295 0 .443-.068.565c-.067.122-.19.196-.435.344l-5.32 3.21c-.98.593-1.471.889-2.01.888c-.538 0-1.03-.297-2.01-.89l-4.975-3.008l-.035-.021c-1.042-.64-1.685-1.805-1.692-3.068v-.998c0-.698.355-1.342.932-1.693a1.59 1.59 0 0 1 1.653-.001z"/></svg> </template>
CSS
.icon-gitbook-fill {
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%22M10.42%2012.535c.98.592%201.47.888%202.007.888s1.028-.294%202.008-.884l6.236-3.753a.96.96%200%200%200%20.456-.824a.96.96%200%200%200-.456-.824l-6.238-3.754c-.98-.59-1.469-.884-2.006-.884s-1.027.295-2.005.886L5.06%206.616l-.085.053C3.146%207.792%202.017%209.837%202%2012.055v.206c.016%202.215%201.144%204.258%202.97%205.382l.086.052l3.352%202.026c1.961%201.186%202.942%201.778%204.02%201.779c1.076%200%202.057-.591%204.02-1.776l3.542-2.138c.98-.592%201.471-.888%201.74-1.376c.27-.487.27-1.079.27-2.263v-2.294a.91.91%200%200%200-.433-.784a.83.83%200%200%200-.865%200l-7.273%204.376c-.49.294-.734.441-1.002.441s-.513-.146-1.002-.44l-4.921-2.958c-.248-.148-.37-.223-.47-.236a.5.5%200%200%200-.53.322c-.037.097-.037.246-.035.545c0%20.219.001.328.021.43c.044.225.157.429.323.58c.074.068.165.123.346.232l5.263%203.18c.49.297.736.445%201.005.445c.27%200%20.515-.148%201.005-.444l6.45-3.893c.168-.101.252-.151.315-.114c.063.038.063.14.063.342v1.04c0%20.295%200%20.443-.068.565c-.067.122-.19.196-.435.344l-5.32%203.21c-.98.593-1.471.889-2.01.888c-.538%200-1.03-.297-2.01-.89l-4.975-3.008l-.035-.021c-1.042-.64-1.685-1.805-1.692-3.068v-.998c0-.698.355-1.342.932-1.693a1.59%201.59%200%200%201%201.653-.001z%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%22M10.42%2012.535c.98.592%201.47.888%202.007.888s1.028-.294%202.008-.884l6.236-3.753a.96.96%200%200%200%20.456-.824a.96.96%200%200%200-.456-.824l-6.238-3.754c-.98-.59-1.469-.884-2.006-.884s-1.027.295-2.005.886L5.06%206.616l-.085.053C3.146%207.792%202.017%209.837%202%2012.055v.206c.016%202.215%201.144%204.258%202.97%205.382l.086.052l3.352%202.026c1.961%201.186%202.942%201.778%204.02%201.779c1.076%200%202.057-.591%204.02-1.776l3.542-2.138c.98-.592%201.471-.888%201.74-1.376c.27-.487.27-1.079.27-2.263v-2.294a.91.91%200%200%200-.433-.784a.83.83%200%200%200-.865%200l-7.273%204.376c-.49.294-.734.441-1.002.441s-.513-.146-1.002-.44l-4.921-2.958c-.248-.148-.37-.223-.47-.236a.5.5%200%200%200-.53.322c-.037.097-.037.246-.035.545c0%20.219.001.328.021.43c.044.225.157.429.323.58c.074.068.165.123.346.232l5.263%203.18c.49.297.736.445%201.005.445c.27%200%20.515-.148%201.005-.444l6.45-3.893c.168-.101.252-.151.315-.114c.063.038.063.14.063.342v1.04c0%20.295%200%20.443-.068.565c-.067.122-.19.196-.435.344l-5.32%203.21c-.98.593-1.471.889-2.01.888c-.538%200-1.03-.297-2.01-.89l-4.975-3.008l-.035-.021c-1.042-.64-1.685-1.805-1.692-3.068v-.998c0-.698.355-1.342.932-1.693a1.59%201.59%200%200%201%201.653-.001z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/gitbook-fill.svg?color=%231a73e8&size=48
