Union アイコン

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

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

gis:union

Union アイコン(gis:union)は、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
カテゴリ

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M65 10.875c-8.935 0-17.088 3.375-23.277 8.906A35 35 0 0 0 35 19.125c-19.3 0-35 15.7-35 35s15.7 35 35 35c8.935 0 17.088-3.375 23.277-8.906c2.176.427 4.423.656 6.723.656c19.3 0 35-15.7 35-35s-15.7-35-35-35M48.805 21.908a35.1 35.1 0 0 1 9.093 5.684l-3.265 3.787a30.2 30.2 0 0 0-7.799-4.873zM35.925 26.4l4.155 2.784a30.2 30.2 0 0 0-3.892 8.332l-4.801-1.399a35.1 35.1 0 0 1 4.539-9.717m25.766 5.004a34.8 34.8 0 0 1 5.621 9.143l-4.61 1.93a29.8 29.8 0 0 0-4.815-7.827zm-31.408 9.977l4.96.648a29.8 29.8 0 0 0 .234 9.186l-4.918.896a34.8 34.8 0 0 1-.276-10.73m38.719 4.273c.43 1.741.729 3.515.89 5.301c.163 1.786.187 3.586.073 5.379l-4.988-.318a30.3 30.3 0 0 0-.83-9.162zM36.645 55.682c1 2.908 2.452 5.665 4.289 8.127l-4.006 2.99a34.8 34.8 0 0 1-5.012-9.49zM64.33 60.58l4.88 1.082a34.9 34.9 0 0 1-3.905 9.992l-4.323-2.513a30 30 0 0 0 3.348-8.56m-20.363 6.701a30.1 30.1 0 0 0 7.472 5.364l-2.261 4.459a35.1 35.1 0 0 1-8.713-6.254z" color="currentColor"/></svg>

Union アイコンの使い方

React

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

<Icon icon="gis:union" width="24" />

Vue

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

<template>
  <Icon icon="gis:union" width="24" />
</template>

Svelte

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

<Icon icon="gis:union" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="gis:union"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gis/union.svg" alt="Union アイコン" width="24" height="24">

他のアイコンセットの Union アイコン

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

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

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

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

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

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

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

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