Logos and Icons

The styleguide provides all logos and icons as react component (rendered as an SVG).

GitBook Styleguide is currently providing the octicons icons set.

const LogoText = require('gitbook-styleguide/icons/LogoText');
const Logo = require('gitbook-styleguide/icons/Logo');
const Icon = require('gitbook-styleguide/icons/Icon');
<LogoText />
<Logo />
<Icon id="alert" />
<Icon id="arrow-down" />
<Icon id="arrow-left" />
<Icon id="arrow-right" />
<Icon id="arrow-small-down" />
<Icon id="arrow-small-left" />
<Icon id="arrow-small-right" />
<Icon id="arrow-small-up" />
<Icon id="arrow-up" />
<Icon id="beaker" />
<Icon id="bell" />
<Icon id="bold" />
<Icon id="book" />
<Icon id="bookmark" />
<Icon id="briefcase" />
<Icon id="broadcast" />
<Icon id="browser" />
<Icon id="bug" />
<Icon id="calendar" />
<Icon id="check" />
<Icon id="checklist" />
<Icon id="chevron-down" />
<Icon id="chevron-left" />
<Icon id="chevron-right" />
<Icon id="chevron-up" />
<Icon id="circle-slash" />
<Icon id="circuit-board" />
<Icon id="clippy" />
<Icon id="clock" />
<Icon id="cloud-download" />
<Icon id="cloud-upload" />
<Icon id="code" />
<Icon id="comment-discussion" />
<Icon id="comment" />
<Icon id="credit-card" />
<Icon id="dash" />
<Icon id="dashboard" />
<Icon id="database" />
<Icon id="desktop-download" />
<Icon id="device-camera-video" />
<Icon id="device-camera" />
<Icon id="device-desktop" />
<Icon id="device-mobile" />
<Icon id="diff-added" />
<Icon id="diff-ignored" />
<Icon id="diff-modified" />
<Icon id="diff-removed" />
<Icon id="diff-renamed" />
<Icon id="diff" />
<Icon id="ellipsis" />
<Icon id="eye" />
<Icon id="file-binary" />
<Icon id="file-code" />
<Icon id="file-directory" />
<Icon id="file-media" />
<Icon id="file-pdf" />
<Icon id="file-submodule" />
<Icon id="file-symlink-directory" />
<Icon id="file-symlink-file" />
<Icon id="file-text" />
<Icon id="file-zip" />
<Icon id="flame" />
<Icon id="fold" />
<Icon id="gear" />
<Icon id="gift" />
<Icon id="gist-secret" />
<Icon id="gist" />
<Icon id="git-branch" />
<Icon id="git-commit" />
<Icon id="git-compare" />
<Icon id="git-merge" />
<Icon id="git-pull-request" />
<Icon id="globe" />
<Icon id="graph" />
<Icon id="heart" />
<Icon id="history" />
<Icon id="home" />
<Icon id="horizontal-rule" />
<Icon id="hubot" />
<Icon id="inbox" />
<Icon id="info" />
<Icon id="issue-closed" />
<Icon id="issue-opened" />
<Icon id="issue-reopened" />
<Icon id="italic" />
<Icon id="jersey" />
<Icon id="key" />
<Icon id="keyboard" />
<Icon id="law" />
<Icon id="light-bulb" />
<Icon id="link-external" />
<Icon id="link" />
<Icon id="list-ordered" />
<Icon id="list-unordered" />
<Icon id="location" />
<Icon id="lock" />
<Icon id="logo-gist" />
<Icon id="logo-github" />
<Icon id="mail-read" />
<Icon id="mail-reply" />
<Icon id="mail" />
<Icon id="mark-github" />
<Icon id="markdown" />
<Icon id="megaphone" />
<Icon id="mention" />
<Icon id="milestone" />
<Icon id="mirror" />
<Icon id="mortar-board" />
<Icon id="mute" />
<Icon id="no-newline" />
<Icon id="octoface" />
<Icon id="organization" />
<Icon id="package" />
<Icon id="paintcan" />
<Icon id="pencil" />
<Icon id="person" />
<Icon id="pin" />
<Icon id="plug" />
<Icon id="plus" />
<Icon id="primitive-dot" />
<Icon id="primitive-square" />
<Icon id="pulse" />
<Icon id="question" />
<Icon id="quote" />
<Icon id="radio-tower" />
<Icon id="repo-clone" />
<Icon id="repo-force-push" />
<Icon id="repo-forked" />
<Icon id="repo-pull" />
<Icon id="repo-push" />
<Icon id="repo" />
<Icon id="rocket" />
<Icon id="rss" />
<Icon id="ruby" />
<Icon id="search" />
<Icon id="server" />
<Icon id="settings" />
<Icon id="shield" />
<Icon id="sign-in" />
<Icon id="sign-out" />
<Icon id="smiley" />
<Icon id="squirrel" />
<Icon id="star" />
<Icon id="stop" />
<Icon id="sync" />
<Icon id="tag" />
<Icon id="tasklist" />
<Icon id="telescope" />
<Icon id="terminal" />
<Icon id="text-size" />
<Icon id="three-bars" />
<Icon id="thumbsdown" />
<Icon id="thumbsup" />
<Icon id="tools" />
<Icon id="trashcan" />
<Icon id="triangle-down" />
<Icon id="triangle-left" />
<Icon id="triangle-right" />
<Icon id="triangle-up" />
<Icon id="unfold" />
<Icon id="unmute" />
<Icon id="verified" />
<Icon id="versions" />
<Icon id="watch" />
<Icon id="x" />
<Icon id="zap" />