ICONYZ
日本語
Eva Icons の Github Outline アイコン

Github Outline アイコン

eva:github-outline

Github Outline アイコン(eva:github-outline)は、Eva Icons セットの無料 SVG アイコンです(作者: Akveo)。 24 × 24 のグリッドで描かれています。 Eva Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Eva Icons
作者
Akveo
ライセンス
MIT
サイズ
24 × 24
タグ
githuboutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.24 22a1 1 0 0 1-1-1v-2.6a2.15 2.15 0 0 0-.54-1.66a1 1 0 0 1 .61-1.67C17.75 14.78 20 14 20 9.77a4 4 0 0 0-.67-2.22a2.75 2.75 0 0 1-.41-2.06a3.7 3.7 0 0 0 0-1.41a7.7 7.7 0 0 0-2.09 1.09a1 1 0 0 1-.84.15a10.15 10.15 0 0 0-5.52 0a1 1 0 0 1-.84-.15a7.4 7.4 0 0 0-2.11-1.09a3.5 3.5 0 0 0 0 1.41a2.84 2.84 0 0 1-.43 2.08a4.07 4.07 0 0 0-.67 2.23c0 3.89 1.88 4.93 4.7 5.29a1 1 0 0 1 .82.66a1 1 0 0 1-.21 1a2.06 2.06 0 0 0-.55 1.56V21a1 1 0 0 1-2 0v-.57a6 6 0 0 1-5.27-2.09a3.9 3.9 0 0 0-1.16-.88a1 1 0 1 1 .5-1.94a4.9 4.9 0 0 1 2 1.36c1 1 2 1.88 3.9 1.52a3.9 3.9 0 0 1 .23-1.58c-2.06-.52-5-2-5-7a6 6 0 0 1 1-3.33a.85.85 0 0 0 .13-.62a5.7 5.7 0 0 1 .33-3.21a1 1 0 0 1 .63-.57c.34-.1 1.56-.3 3.87 1.2a12.16 12.16 0 0 1 5.69 0c2.31-1.5 3.53-1.31 3.86-1.2a1 1 0 0 1 .63.57a5.7 5.7 0 0 1 .33 3.22a.75.75 0 0 0 .11.57a6 6 0 0 1 1 3.34c0 5.07-2.92 6.54-5 7a4.3 4.3 0 0 1 .22 1.67V21a1 1 0 0 1-.94 1"/></svg>

Github Outline アイコンの使い方

React

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

<Icon icon="eva:github-outline" width="24" />

Vue

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

<template>
  <Icon icon="eva:github-outline" width="24" />
</template>

Svelte

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

<Icon icon="eva:github-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[eva--github-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/eva -->
<div class="i-eva:github-outline"></div>

Web コンポーネント

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

<iconify-icon icon="eva:github-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/eva/github-outline.svg" alt="Github Outline アイコン" width="24" height="24">

Eva Icons の関連アイコン

他のアイコンセットの Github Outline アイコン

Github Outline アイコン のよくある質問

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

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

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

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

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

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

Eva Icons をすべて見る →