ICONYZ
日本語
Qlementine Icons の Github Fill 24 アイコン

Github Fill 24 アイコン

qlementine-icons:github-fill-24

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

アイコンセット
Qlementine Icons
作者
Olivier Cléro
ライセンス
MIT
サイズ
24 × 24
カテゴリ
ブランド
タグ
githubfill
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 0C5.36 0 0 5.5 0 12.3c0 5.44 3.44 10 8.21 11.7c.597.122.815-.265.815-.59c0-.285-.02-1.26-.02-2.28c-3.34.734-4.04-1.47-4.04-1.47c-.537-1.43-1.33-1.79-1.33-1.79c-1.09-.754.08-.754.08-.754c1.21.082 1.85 1.26 1.85 1.26c1.07 1.87 2.8 1.34 3.5 1.02c.1-.794.418-1.34.756-1.65c-2.66-.285-5.47-1.34-5.47-6.07c0-1.34.477-2.44 1.23-3.3c-.12-.306-.537-1.57.119-3.26c0 0 1.01-.326 3.3 1.26c.979-.269 1.99-.406 3-.407s2.05.143 3 .407c2.29-1.59 3.3-1.26 3.3-1.26c.656 1.69.238 2.95.119 3.26c.776.855 1.23 1.96 1.23 3.3c0 4.73-2.8 5.76-5.49 6.07c.438.387.815 1.12.815 2.28c0 1.65-.02 2.97-.02 3.38c0 .326.22.713.815.591c4.77-1.63 8.21-6.23 8.21-11.7c.02-6.8-5.37-12.3-12-12.3z" clip-rule="evenodd"/></svg>

Github Fill 24 アイコンの使い方

React

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

<Icon icon="qlementine-icons:github-fill-24" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:github-fill-24" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:github-fill-24" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--github-fill-24]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:github-fill-24"></div>

Web コンポーネント

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

<iconify-icon icon="qlementine-icons:github-fill-24"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/qlementine-icons/github-fill-24.svg" alt="Github Fill 24 アイコン" width="24" height="24">

Qlementine Icons の関連アイコン

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

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

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

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

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

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

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

Qlementine Icons をすべて見る →