Git Pages Light アイコン

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

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

selfhst:git-pages-light

Git Pages Light アイコン(selfhst:git-pages-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: gitpages、pageslight、gitpageslight、page

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M448 0H64C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64m-16 391.6c0 31.1-25.3 56.4-56.4 56.4H136.4c-31.1 0-56.4-25.3-56.4-56.4V272c0-8.8 7.2-16 16-16s16 7.2 16 16v119.6c0 13.5 10.9 24.4 24.4 24.4h239.2c13.5 0 24.4-11 24.4-24.4V272c0-8.8 7.2-16 16-16s16 7.2 16 16zm28.8-174c-5.3 7.1-15.3 8.5-22.4 3.2l-171-128.3c-6.7-5-16-5-22.7 0l-60.3 45.2l39.5 39.5c2.6-.7 5.3-1.2 8.2-1.2c17.7 0 32 14.3 32 32c0 2.8-.5 5.6-1.2 8.2l41 41c2.6-.7 5.3-1.2 8.2-1.2c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32c0-2.8.5-5.6 1.2-8.2L248 246.6v61.8c9.5 5.5 16 15.7 16 27.6c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-11.8 6.5-22 16-27.6v-72.9c-9.5-5.5-16-15.7-16-27.6c0-2.8.5-5.6 1.2-8.2L158.5 157l-84.9 63.7c-2.9 2.2-6.2 3.2-9.6 3.2c-4.9 0-9.7-2.2-12.8-6.4c-5.3-7.1-3.9-17.1 3.2-22.4l171-128.3c18-13.5 43.1-13.5 61.1 0l171 128.3c7.2 5.4 8.6 15.4 3.3 22.5"/></svg>

Git Pages Light アイコンの使い方

React

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

<Icon icon="selfhst:git-pages-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:git-pages-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:git-pages-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--git-pages-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:git-pages-light"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:git-pages-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/git-pages-light.svg" alt="Git Pages Light アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

Git Pages Light アイコンのよくある質問

Git Pages Light アイコンは商用利用でも無料ですか?

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

React で Git Pages Light アイコンを使うには?

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

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

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

selfh.st/icons をすべて見る →