Gitlab アイコン
bxl:gitlab
Gitlab アイコン(bxl:gitlab)は、Boxicons Brands セットの無料 SVG アイコンです（作者: Boxicons）。 24 × 24 のグリッドで描かれています。 Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Boxicons Brands
- 作者
- Boxicons
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.892 9.889a1 1 0 0 0-.025-.087l-2.104-6.479a.84.84 0 0 0-.8-.57a.82.82 0 0 0-.789.575l-2.006 6.175H8.834L6.826 3.327a.82.82 0 0 0-.786-.575h-.006a.84.84 0 0 0-.795.575L3.133 9.815c0 .005-.005.01-.007.016l-1.067 3.281a1.195 1.195 0 0 0 .435 1.34l9.227 6.706c.167.121.393.12.558-.003l9.229-6.703a1.2 1.2 0 0 0 .435-1.34zM17.97 3.936l1.809 5.566H16.16zm-11.94 0l1.812 5.566H4.228zm-2.982 9.752a.25.25 0 0 1-.093-.284l.793-2.437l5.817 7.456zm1.499-3.239h3.601l2.573 7.916zm7.452 8.794l-2.856-8.798h5.718l-1.792 5.515zm1.282-.877l2.467-7.588l.106-.329h3.604l-5.586 7.156zm7.671-4.678l-6.519 4.733l.022-.029l5.794-7.425l.792 2.436a.25.25 0 0 1-.089.285"/></svg>
Gitlab アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="bxl:gitlab" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="bxl:gitlab" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="bxl:gitlab" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[bxl--gitlab]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/bxl -->
<div class="i-bxl:gitlab"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="bxl:gitlab"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/bxl/gitlab.svg" alt="Gitlab アイコン" width="24" height="24">
Gitlab アイコン のよくある質問
Gitlab アイコンは商用利用でも無料ですか?
はい。Boxicons Brands icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gitlab アイコンを使うには?
@iconify/react をインストールして <Icon icon="bxl:gitlab" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gitlab アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/bxl/gitlab.svg" alt="Gitlab アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Boxicons Brands アイコン をすべて見る →
ICONYZ
