Layer Hydro アイコン

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

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

gis:layer-hydro

Layer Hydro アイコン(gis:layer-hydro)は、Font-GIS セットの無料 SVG アイコンです（作者: Jean-Marc Viglino）。 100 × 100 のグリッドで描かれています。 Font-GIS icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font-GIS
作者: Jean-Marc Viglino
ライセンス: CC-BY-4.0
サイズ: 100 × 100
カテゴリ
タグ: layerhydro

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M49.932 22.56c-1.23.01-2.404.283-3.274.76L1.383 48.166c-1.847 1.013-1.847 2.655 0 3.668L46.658 76.68c1.846 1.013 4.838 1.013 6.684 0l45.275-24.846c1.847-1.013 1.847-2.655 0-3.668L53.342 23.32c-.903-.495-2.133-.77-3.41-.76M50 28.82l10.85 5.953c-1.355 1.983-3.138 3.73-5.116 5.678c-1.555 1.533-3.217 3.202-4.734 5.2a11.7 11.7 0 0 0-2.02-2.452c-2.168-1.986-7.042-2.794-9.791-3.687c-2.267-.737-6.012-.058-4.763-2.145Zm15.244 8.366L84.48 47.74c-6.379.42-19.538 2.15-27.65 6.451c-6.2-2.112-.108-7.687 2.415-10.18c2.047-2.016 4.244-4.116 6-6.825m-40.113 5.283c4.978 1.33 10.21 2.068 14.123 3.34c2.239.727 3.975 1.616 4.998 2.552c1.022.937 1.504 1.772 1.582 3.477a32 32 0 0 0 2.045 9.889c-1.229 3.637-2.827 5.336-3.943 6.125L11.406 50Z" color="currentColor"/></svg>

Layer Hydro アイコンの使い方

React

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

<Icon icon="gis:layer-hydro" width="24" />

Vue

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

<template>
  <Icon icon="gis:layer-hydro" width="24" />
</template>

Svelte

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

<Icon icon="gis:layer-hydro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--layer-hydro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:layer-hydro"></div>

Web コンポーネント

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

<iconify-icon icon="gis:layer-hydro"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gis/layer-hydro.svg" alt="Layer Hydro アイコン" width="24" height="24">

Font-GIS の関連アイコン

Layer Hydro アイコンのよくある質問

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

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

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

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

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

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

Font-GIS アイコンをすべて見る →