Split アイコン

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

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

gis:split

Split アイコン(gis:split)は、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="M4.727 1.062L0 5.738l9.351 9.455l4.727-4.676Zm14.027 14.182l-4.727 4.676l9.352 9.453l4.727-4.678zm14.028 14.178l-4.726 4.676l9.351 9.453l4.727-4.676z" color="currentColor"/><path fill="currentColor" d="M43.012 8.948a6 6 0 0 0-1.938-.294a5.3 5.3 0 0 0-1.466.232L52.901 52.4L8.57 42.154c-.907 3.926 2.787 10.107 8.283 11.378l38.485 8.843l3.881 10.718c-3.788-.293-7.142 3.19-8.192 6.35c-.894 2.835-.855 6.103.142 9.366c.996 3.262 2.789 5.993 5.114 7.845c2.326 1.852 5.405 2.853 8.385 1.943c13.461-5.073 3.564-26.363.78-34.355c9.877 1.708 31.332 9.816 34.352-3.303c.701-3.036-.511-6.036-2.52-8.228c-2.009-2.191-4.856-3.79-8.179-4.557c-3.323-.769-6.454-.913-9.353.505s-6.29 4.41-5.788 7.895c-.004.24.007.479.02.718l-10.957-2.993l-11.484-37.78c-1.172-3.835-5.75-6.661-8.527-7.551M87.79 53.82c2.271.525 4.126 1.65 5.202 2.824s1.327 2.181 1.14 2.987c-.186.805-.852 1.596-2.334 2.179c-1.481.582-3.642.78-5.913.254c-2.272-.525-4.126-1.653-5.201-2.827c-1.076-1.173-1.332-2.176-1.145-2.982c.186-.805.855-1.596 2.336-2.178c.741-.291 1.651-.49 2.66-.546a11.7 11.7 0 0 1 3.255.289M59.758 78.669c.557.115 1.186.418 1.887.976c1.245.992 2.499 2.76 3.18 4.99c.68 2.23.632 4.4.154 5.92c-.479 1.517-1.22 2.236-2.011 2.477c-.791.242-1.813.06-3.058-.932s-2.496-2.763-3.177-4.992c-.68-2.23-.632-4.4-.154-5.92c.479-1.517 1.221-2.238 2.012-2.48q.297-.092.636-.095q.254-.001.531.056" color="currentColor"/></svg>

Split アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Font-GIS の関連アイコン

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

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

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

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

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

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

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

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

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