ICONYZ
日本語
Octicons の Logo Gist 16 アイコン

Logo Gist 16 アイコン

octicon:logo-gist-16

Logo Gist 16 アイコン(octicon:logo-gist-16)は、Octicons セットの無料 SVG アイコンです(作者: GitHub)。 25 × 24 のグリッドで描かれています。 Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Octicons
作者
GitHub
ライセンス
MIT
サイズ
25 × 24
タグ
logogist、logo gist
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24"><path fill="currentColor" d="M4.7 8.73v-1h3.52v5.69c-.78.37-1.95.64-3.59.64C1.11 14.06 0 11.37 0 8.03S1.13 2 4.63 2c1.62 0 2.64.33 3.28.66v1.05c-1.22-.5-2-.73-3.28-.73c-2.57 0-3.48 2.21-3.48 5.06s.91 5.05 3.47 5.05c.89 0 1.98-.07 2.53-.34V8.73Zm10.98.69h.03c2.22.2 2.75.95 2.75 2.23c0 1.21-.76 2.41-3.14 2.41c-.75 0-1.83-.19-2.33-.39v-.94c.47.17 1.22.36 2.33.36c1.62 0 2.06-.69 2.06-1.42c0-.71-.22-1.21-1.77-1.34c-2.26-.2-2.73-1-2.73-2.08c0-1.11.72-2.31 2.92-2.31c.73 0 1.56.09 2.25.39v.94c-.61-.2-1.22-.36-2.27-.36c-1.55 0-1.88.57-1.88 1.34c0 .69.28 1.04 1.78 1.17m8.58-3.33v.85h-2.42v4.87c0 .95.53 1.34 1.5 1.34c.2 0 .42 0 .61-.03v.89c-.17.03-.5.05-.69.05c-1.31 0-2.5-.6-2.5-2.13v-5H19.2v-.48l1.56-.44V3.9l1.08-.31v2.5zm-13.17-.03v6.41c0 .54.19.7.67.7v.89c-1.14 0-1.72-.47-1.72-1.72V6.06zm.25-2.33c0 .44-.34.78-.78.78a.76.76 0 0 1-.77-.78c0-.44.32-.78.77-.78s.78.34.78.78"/></svg>

Logo Gist 16 アイコンの使い方

React

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

<Icon icon="octicon:logo-gist-16" width="24" />

Vue

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

<template>
  <Icon icon="octicon:logo-gist-16" width="24" />
</template>

Svelte

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

<Icon icon="octicon:logo-gist-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[octicon--logo-gist-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/octicon -->
<div class="i-octicon:logo-gist-16"></div>

Web コンポーネント

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

<iconify-icon icon="octicon:logo-gist-16"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/octicon/logo-gist-16.svg" alt="Logo Gist 16 アイコン" width="24" height="24">

Octicons の関連アイコン

Logo Gist 16 アイコン のよくある質問

Logo Gist 16 アイコンは商用利用でも無料ですか?

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

React で Logo Gist 16 アイコンを使うには?

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

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

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

Octicons をすべて見る →