De Groene Amsterdammer アイコン

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

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

arcticons:de-groene-amsterdammer

De Groene Amsterdammer アイコン(arcticons:de-groene-amsterdammer)は、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
タグ: degroene、groeneamsterdammer、degroeneamsterdammer

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="M32.67 24v-7.29h2.387c1.35 0 2.443 1.096 2.443 2.449s-1.094 2.448-2.443 2.448h-2.386m2.386 0l2.386 2.391m-20.07-3.643h2.377M21.018 24h-3.645v-7.29h3.645M10.5 24v-7.29h1.64a3.19 3.19 0 0 1 3.19 3.19v.91A3.19 3.19 0 0 1 12.14 24zm20.257-4.875a2.415 2.415 0 0 0-2.415-2.415h0a2.415 2.415 0 0 0-2.414 2.415v2.46A2.415 2.415 0 0 0 28.342 24h0a2.415 2.415 0 0 0 2.415-2.415h-2.415M17.373 35.701v-7.282l3.645 7.29l3.645-7.279v7.279m8.008-7.29H37.5m-2.415 7.29v-7.29M26.51 34.91c.447.582 1.008.799 1.788.799h1.079a1.82 1.82 0 0 0 1.818-1.819v-.008a1.82 1.82 0 0 0-1.818-1.818h-1.19a1.82 1.82 0 0 1-1.821-1.82h0c0-1.008.817-1.825 1.824-1.825h1.074c.78 0 1.34.217 1.787.799M14.53 33.294H11.3m-.8 2.415l2.415-7.29l2.414 7.29M10.5 12.291h27"/><rect width="37" height="37" x="5.5" y="5.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/></svg>

De Groene Amsterdammer アイコンの使い方

React

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

<Icon icon="arcticons:de-groene-amsterdammer" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:de-groene-amsterdammer" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:de-groene-amsterdammer" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:de-groene-amsterdammer"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/de-groene-amsterdammer.svg" alt="De Groene Amsterdammer アイコン" width="24" height="24">

Arcticons の関連アイコン

De Groene Amsterdammer アイコンのよくある質問

De Groene Amsterdammer アイコンは商用利用でも無料ですか?

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

React で De Groene Amsterdammer アイコンを使うには?

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

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

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

Arcticons をすべて見る →