Intersection アイコン

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

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

gis:intersection

Intersection アイコン(gis:intersection)は、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="m66.076 10.865l-.144 4.996c3.075.09 6.141.656 9.043 1.67l1.65-4.722a35.1 35.1 0 0 0-10.549-1.944m-5.369.254a34.8 34.8 0 0 0-10.32 2.945l2.1 4.54a29.8 29.8 0 0 1 8.835-2.524zm20.844 3.848l-2.352 4.414a29.8 29.8 0 0 1 7.342 5.525l3.586-3.486a34.8 34.8 0 0 0-8.576-6.453M31.67 19.289a35 35 0 0 0-5.299.926a35.4 35.4 0 0 0-5.092 1.72l1.955 4.602a30.3 30.3 0 0 1 8.914-2.271zm10.04.488q-.622.558-1.216 1.145c-.162.159-.317.324-.476.486q-.326.329-.641.666q-.314.34-.62.69a36 36 0 0 0-1.105 1.316l-.13.158h.005C32.822 30.198 30 37.708 30 45.875c0 15.41 10.01 28.518 23.87 33.178a35 35 0 0 0 4.42 1.17q.621-.558 1.216-1.145c.162-.159.317-.324.476-.486q.326-.328.641-.666q.314-.34.62-.69a36 36 0 0 0 1.105-1.316l.13-.158h-.005C67.178 69.802 70 62.292 70 54.125c0-15.41-10.01-28.518-23.87-33.178a35 35 0 0 0-4.42-1.17m-25.206 4.637a34.8 34.8 0 0 0-8.133 7.002l3.809 3.242a29.8 29.8 0 0 1 6.96-5.996zm77.066 1.129l-4.068 2.906a29.8 29.8 0 0 1 4.125 8.21l4.762-1.526a34.8 34.8 0 0 0-4.819-9.59M5.21 35.766a35.1 35.1 0 0 0-4.167 9.882l4.85 1.215a30.2 30.2 0 0 1 3.572-8.474zm94.423 4.6l-4.938.779c.481 3.036.488 6.154.028 9.197l4.943.748c.537-3.55.529-7.176-.033-10.725M.14 50.948c-.33 3.582-.1 7.205.678 10.712L5.7 60.578a29.8 29.8 0 0 1-.582-9.168zm93.547 3.889a29.8 29.8 0 0 1-4.06 8.242l4.09 2.877a34.8 34.8 0 0 0 4.743-9.629zM7.037 65l-4.665 1.8a34.8 34.8 0 0 0 5.365 9.298l3.893-3.141A29.8 29.8 0 0 1 7.037 65m79.655 1.637a30.3 30.3 0 0 1-7.312 5.582l2.389 4.392a35 35 0 0 0 4.513-2.927a35.4 35.4 0 0 0 4.012-3.579zm-11.52 7.465a30 30 0 0 1-9.027 1.728l.174 4.996a35 35 0 0 0 10.54-2.017zm-60.38 2.212l-3.365 3.698a35.1 35.1 0 0 0 8.941 5.92l2.092-4.543a30.1 30.1 0 0 1-7.668-5.075m34.377 4.272a30.3 30.3 0 0 1-8.682 3.047l.92 4.914a35.3 35.3 0 0 0 10.117-3.55zm-22.383 2.406l-1.375 4.809a34.8 34.8 0 0 0 10.649 1.328l-.157-4.998a29.8 29.8 0 0 1-9.117-1.139" color="currentColor"/></svg>

Intersection アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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