Keybase アイコン

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

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

file-icons:keybase

Keybase アイコン(file-icons:keybase)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 472 × 512 のグリッドで描かれています。 File Icons は ISC ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: File Icons
作者: John Gardner
ライセンス: ISC
サイズ: 472 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="472" height="512" viewBox="0 0 472 512"><path fill="currentColor" fill-rule="evenodd" d="M150.308 182.819c-7.814-15.421-10.87-33.354-8.88-52.529c-51.56.435-56.84-20.355-57.715-40.875l1.854-29.93c1.215-19.6 18.697-34.919 38.338-34.919c41.422 1.62 45.335 2.598 56.818 15.284L209.103 0l23.498 13.825c-15.545 33.091-10.105 41.39-10.046 41.458c71.697 1.631 113.497 60.152 89.407 123.388C456.277 233.618 507.277 377.208 446.714 512H415.48c27.055-45.44 34.305-102.158 25.54-153.485c-72.846 107.605-171.848-71.037-366.178 90.307l21.625-67.794l-45.546 48.305c5.46 30.528 17.9 58.664 35.651 82.667H53.58a224.5 224.5 0 0 1-25.328-58.626l-27.2 28.848c-7.765-144.584 26.024-244.466 149.256-299.403m56.376 273.007c0-18.139-19.77-29.537-35.502-20.468s-15.732 31.866 0 40.935s35.502-2.329 35.502-20.467m126.412 0c0-18.139-19.771-29.537-35.503-20.468s-15.731 31.866 0 40.935s35.503-2.329 35.503-20.467M162.187 69.553c-6.145 11.102-11.254 22.234-14.946 33.664l-26.94-1.667c-5.425-.332-9.576-5.017-9.26-10.442l1.854-29.928c.324-5.225 4.658-9.268 9.866-9.268c.197 0 30.513 1.87 30.513 1.87c8.238 1.306 10.363 6.505 8.913 15.771m73.157 113.457l77.43 95.3c6.872 8.423-5.703 18.684-12.576 10.261l-7.71-9.505l-32.092 26.12l-20.398-24.869l32.225-26.23l-11.242-13.857l-15.472 12.697l-10.374-13.122l15.31-12.564l-27.676-33.97c-6.61-8.1 5.966-18.36 12.575-10.261" clip-rule="evenodd"/></svg>

Keybase アイコンの使い方

React

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

<Icon icon="file-icons:keybase" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:keybase" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:keybase" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--keybase]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:keybase"></div>

Web コンポーネント

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

<iconify-icon icon="file-icons:keybase"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/file-icons/keybase.svg" alt="Keybase アイコン" width="24" height="24">

他のアイコンセットの Keybase アイコン

Keybase アイコンのよくある質問

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

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

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

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

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

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

File Icons をすべて見る →