Square Github アイコン

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

はい。Font Awesome Brands icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

fa7-brands:square-github

Square Github アイコン(fa7-brands:square-github)は、Font Awesome Brands セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Brands icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome Brands
作者: Dave Gandy
ライセンス: CC-BY-4.0
サイズ: 640 × 640
タグ: squaregithub

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M480 96c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H160c-35.3 0-64-28.7-64-64V160c0-35.3 28.7-64 64-64zm-160.3 64C231.3 160 160 232.2 160 320.6c0 69.4 44.1 126.9 103.4 148.4c8.4 3.1 16.6-2.5 16.6-10.9v-25c-4.4 1.9-10 3.1-15 3.1c-20.6 0-32.8-11.2-41.6-32.2c-3.4-8.4-7.2-13.4-14.4-14.4c-3.7-.3-5-1.9-5-3.8c0-3.7 6.2-6.6 12.5-6.6c9.1 0 16.9 5.6 25 17.2c6.2 9.1 12.8 13.1 20.6 13.1s12.8-2.8 20-10c5.3-5.3 9.4-10 13.1-13.1c-41.3-5-70.3-34.7-70.3-73.1c0-15.6 5.6-32.5 15-43.8c-4.1-10.3-3.4-32.2 1.2-41.2c12.5-1.6 29.4 5 39.4 14.1c11.9-3.7 24.4-5.6 39.7-5.6s27.8 1.9 39.1 5.3c9.7-8.8 26.9-15.3 39.4-13.8c4.4 8.4 5 30.3.9 40.9c10 11.9 15.3 27.8 15.3 44.1c0 38.4-29.1 67.5-70.9 72.8c10.6 6.9 17.8 21.9 17.8 39.1v32.5c0 9.4 7.8 14.7 17.2 10.9c56.6-21.6 100.9-78.1 100.9-148.1c0-88.4-71.9-160.6-160.3-160.6z"/></svg>

Square Github アイコンの使い方

React

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

<Icon icon="fa7-brands:square-github" width="24" />

Vue

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

<template>
  <Icon icon="fa7-brands:square-github" width="24" />
</template>

Svelte

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

<Icon icon="fa7-brands:square-github" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-brands--square-github]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-brands -->
<div class="i-fa7-brands:square-github"></div>

Web コンポーネント

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

<iconify-icon icon="fa7-brands:square-github"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-brands/square-github.svg" alt="Square Github アイコン" width="24" height="24">

Font Awesome Brands の関連アイコン

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

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

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

はい。Font Awesome Brands icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Font Awesome Brands アイコンをすべて見る →