Gnucash アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:gnucash

Gnucash アイコン(arcticons:gnucash)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.728 31.521h-8.43l-2.106 5.444m0 0v5.78h11.167"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m17.042 31.518l-.95 5.447v5.78m3.948-9.473c1.235.212 2.08.642 2.08 1.138c0 .444-.675.835-1.7 1.064m-4.162.017c-1.069-.226-1.779-.626-1.779-1.08c0-.5.853-.931 2.097-1.142"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.728 31.521h9.609l2.187 5.444h-8.898m-4.534 0h-8.9m22.332 0v5.78H18.358"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m19.675 31.518l.716 4.102l.234 1.345v5.78M10.764 33.6h1.687m-2.411 1.783h1.687M24.975 33.6h-1.687m2.411 1.783H24.01m-8.974-7.815h-8.43L4.5 33.012m0 0v5.779h2.665"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.35 27.565l-.664 3.806l-.022.125m3.684-2.178c1.235.212 2.08.642 2.08 1.139c0 .444-.675.835-1.7 1.064m-4.347-.025c-.965-.232-1.594-.611-1.594-1.04c0-.498.853-.93 2.097-1.14m1.152-1.748h9.691l1.53 3.953M8.602 33.01H4.5m12.484-5.445l.683 3.914m-9.595-1.832h1.687m12.524 0h-1.687m18.694.733c0 1.144-1.884 2.07-4.208 2.07h0c-2.325 0-4.21-.926-4.21-2.07h0c0-1.144 1.885-2.07 4.21-2.07h0c2.324 0 4.209.926 4.209 2.07m-.001 3.079c0 1.143-1.884 2.07-4.208 2.07s-4.21-.927-4.21-2.07m8.418 3.051c0 1.143-1.884 2.07-4.208 2.07s-4.21-.927-4.21-2.07"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.29 39.56c0 1.144-1.884 2.07-4.208 2.07s-4.21-.926-4.21-2.07h.001v-9.18m4.208-2.071v-6.1M43.5 37.49c0 1.143-1.884 2.07-4.21 2.07m-.65-19.422V6.884a1.63 1.63 0 0 0-1.629-1.628H10.14a1.63 1.63 0 0 0-1.629 1.628v20.63"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.713 23.808l4.87-7.894l7.733 4.643l4.354-8.036M43.5 31.388c0 1.143-1.884 2.07-4.21 2.07m4.21.981c0 1.143-1.884 2.07-4.21 2.07"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.29 39.56c2.326 0 4.21-.927 4.21-2.07V22.207"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M43.5 22.208c0 1.144-1.884 2.071-4.21 2.071h0c-2.324 0-4.208-.927-4.208-2.07h0c0-1.144 1.884-2.071 4.209-2.071h0c2.325 0 4.209.927 4.209 2.07m0 3.051c0 1.144-1.884 2.07-4.21 2.07s-4.208-.926-4.208-2.07M43.5 28.31c0 1.144-1.884 2.07-4.21 2.07m.001 9.18v-9.18m-10.438 4.914h2.02"/></svg>

Gnucash アイコンの使い方

React

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

<Icon icon="arcticons:gnucash" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:gnucash" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:gnucash" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--gnucash]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:gnucash"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:gnucash"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/gnucash.svg" alt="Gnucash アイコン" width="24" height="24">

Gnucash アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →