Gardenscapes アイコン

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

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

arcticons:gardenscapes

Gardenscapes アイコン(arcticons:gardenscapes)は、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
タグ: gardenscape

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="M25.64 21.74c-3.586 0-6.384 1.898-6.384 4.696s1.97 2.76 3.704 2.76s5.833-1.505 5.833-3.728s-1.064-3.728-3.153-3.728"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.063 22.855s2.543-3.315 5.617-5.601s2.404-7.803-2.325-7.803c-3.508 0-7.85 3.801-6.743 12.344"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.164 23.914c-2.997-4.768-8.002-3.862-7.45-9.577c.551-5.714 9.926-9.344 11.741 4.058"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.304 27.116c-5.408-.916-17.231.109-16.246-4.739s6.73-4.915 12.82-2.384"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.706 28.967C16.561 33.389 8.96 38.114 6.25 33.45c-1.694-2.916.75-5.568 5.518-6.941m11.192 2.686c-.998 4.545 3.18 12.073 8.263 7.265s.371-8.283-3.223-9.344"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.706 28.967c-.642 2.581-9.897 6.783-5.129 9.522c1.255.72 5.78.43 8.447-3.306m4.769-9.715c6.608-3.826 14.096-4.812 13.78 1.297s-7.671 4.415-9.904 3.33"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.452 17.426c3.801-2.8 11.052-5.162 11.525 0s-6.616 4.61-8.783 5.15"/></svg>

Gardenscapes アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →