Gitbook Wordmark アイコン

Q: Gitbook Wordmark アイコンは商用利用でも無料ですか?

はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

devicon:gitbook-wordmark

Gitbook Wordmark アイコン(devicon:gitbook-wordmark)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128
タグ: gitbookwordmark

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#346ddb" fill-rule="evenodd" d="M21.041 49.951a3.3 3.3 0 0 0-1.514.384L2.067 59.55a3.88 3.88 0 0 0-1.923 2.38a4 4 0 0 0-.145 1.047v1.051a5 5 0 0 0 .745 2.62a5 5 0 0 0 2.01 1.836l10.85 5.426a3.62 3.62 0 0 0 .394 2.256a3.602 3.602 0 0 0 6.6-.646a3.6 3.6 0 0 0 .149-1.383a4 4 0 0 0-.04-.306l13.329-7.035a3.6 3.6 0 0 0 1.453.856a3.6 3.6 0 0 0 1.416.136a3.59 3.59 0 0 0 3.23-3.58a3.7 3.7 0 0 0-.162-1.07a3.6 3.6 0 0 0-.892-1.474a3.6 3.6 0 0 0-1.474-.892a3.6 3.6 0 0 0-1.438-.143a3.59 3.59 0 0 0-3.216 3.9q.014.159.041.313l-13.322 7.03a3.6 3.6 0 0 0-1.458-.864a3.6 3.6 0 0 0-1.425-.137a3.6 3.6 0 0 0-2.195 1.058L3.899 66.581a3.05 3.05 0 0 1-1.685-2.727a2 2 0 0 1 .065-.514a1.97 1.97 0 0 1 .634-1.01a2.04 2.04 0 0 1 1.317-.488a2 2 0 0 1 .736.145l10.668 5.334a3.32 3.32 0 0 0 3.036-.034l16.991-8.967a.85.85 0 0 0 .335-.322a.8.8 0 0 0 .108-.422a.85.85 0 0 0-.117-.42a.8.8 0 0 0-.342-.313L22.563 50.3a3.3 3.3 0 0 0-1.522-.35zm15.496 12.874a1.39 1.39 0 0 1 1.148.61a1.38 1.38 0 0 1-.374 1.922a1.38 1.38 0 0 1-1.922-.374a1.382 1.382 0 0 1 .61-2.05a1.4 1.4 0 0 1 .538-.108M17.162 73.067a1.39 1.39 0 0 1 1.148.61a1.38 1.38 0 0 1-.374 1.922a1.38 1.38 0 0 1-2.13-.87a1.39 1.39 0 0 1 .817-1.553a1.4 1.4 0 0 1 .539-.109m51.082-14.433a1.463 1.463 0 1 1-2.927 0a1.463 1.463 0 0 1 2.927 0m-2.683 2.439v10.732H68V61.073zm5.853 7.684c0 2.039.92 3.047 3.07 3.047h1.808v-2.082h-1.277c-.855 0-1.162-.33-1.162-1.206v-5.492h2.44v-1.951h-2.44v-3.415h-2.439v3.415h-1.95v1.95h1.95zm6.83-12.562v15.61h5.832c3.705 0 5.657-1.894 5.657-4.503c0-2.236-1.28-3.073-3.318-3.424c1.82-.395 2.77-1.698 2.77-3.561c0-2.521-1.93-4.122-5.307-4.122zm2.521 2.105h3.18c1.753 0 2.718.964 2.718 2.324c0 1.38-.987 2.4-2.719 2.4h-3.179zm0 6.676h3.333c1.95 0 3.048.682 3.048 2.195c0 1.556-1.031 2.507-3.048 2.507h-3.333zm16.259 6.829c3.498 0 5.854-2.346 5.854-5.854c0-3.485-2.356-5.853-5.854-5.853s-5.854 2.368-5.854 5.853c0 3.508 2.356 5.854 5.854 5.854m0-2.055c-2.04 0-3.364-1.587-3.364-3.799s1.323-3.798 3.364-3.798s3.387 1.586 3.387 3.798s-1.346 3.799-3.387 3.799m13.176 2.055c3.498 0 5.854-2.346 5.854-5.854c0-3.485-2.356-5.853-5.854-5.853c-3.5 0-5.854 2.368-5.854 5.853c0 3.508 2.355 5.854 5.854 5.854m0-2.055c-2.04 0-3.364-1.587-3.364-3.799s1.323-3.798 3.364-3.798s3.387 1.586 3.387 3.798s-1.346 3.799-3.387 3.799m11.55-3.053l-1.873 2.105v3.003h-2.368v-15.61h2.368v9.735l5.38-5.832h2.74l-4.559 4.867l4.559 6.84h-2.806zm-65.03 5.108c-4.297 0-7.257-3.135-7.257-7.805s2.894-7.805 7.455-7.805c3.376 0 5.782 1.902 6.463 4.878h-2.554c-.61-1.669-2.026-2.663-3.975-2.663c-2.916 0-4.802 2.302-4.802 5.59c0 3.289 1.842 5.59 4.78 5.59c2.367 0 4.275-1.337 4.407-3.814v-.8H56.78v-1.952h6.83v8.781h-1.87l-.263-2.324c-.746 1.096-2.325 2.324-4.758 2.324z"/></svg>

Gitbook Wordmark アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:gitbook-wordmark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:gitbook-wordmark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:gitbook-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--gitbook-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:gitbook-wordmark"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:gitbook-wordmark"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/gitbook-wordmark.svg" alt="Gitbook Wordmark アイコン" width="24" height="24">

Devicon の関連アイコン

Gitbook Wordmark アイコンのよくある質問

Gitbook Wordmark アイコンは商用利用でも無料ですか?

はい。Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Gitbook Wordmark アイコンを使うには?

@iconify/react をインストールして <Icon icon="devicon:gitbook-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Gitbook Wordmark アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/gitbook-wordmark.svg" alt="Gitbook Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Devicon アイコンをすべて見る →