Buffer アイコン

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

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

gis:buffer

Buffer アイコン(gis:buffer)は、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" fill-rule="evenodd" d="M72.61 2.514a24.6 24.6 0 0 0-10.727 2.611l2.244 4.467a19.66 19.66 0 0 1 8.541-2.078zm3.837.254l-.714 4.949a19.7 19.7 0 0 1 8.197 3.181l2.808-4.136a24.6 24.6 0 0 0-10.29-3.994M57.24 8.146c-2.948 2.415-4.887 5.22-7.105 6.971l3.098 3.924c3.01-2.377 4.961-5.213 7.175-7.025zm33.711 2.229l-3.66 3.406a19.3 19.3 0 0 1 4.334 7.623l4.795-1.42a24.2 24.2 0 0 0-5.469-9.609m-44.57 8.47l-7.072 7.073l3.537 3.535l7.07-7.07zm51.02 6.59l-4.989.34a20.1 20.1 0 0 1-1.342 8.713l4.65 1.838a25.05 25.05 0 0 0 1.68-10.89m-61.627 4.018l-7.07 7.07l3.534 3.536l7.07-7.07zm53.218 8.934a19 19 0 0 1-2.195 2.629l-.004.004l-4.324 4.324l3.535 3.535l4.32-4.32l.004-.004a24 24 0 0 0 2.774-3.323zM25.165 40.06l-7.07 7.07l3.535 3.537l7.07-7.072zm53.768 8.82l-7.07 7.072l3.535 3.535l7.07-7.072zm-64.375 1.787l-4.887 4.887a24 24 0 0 0-2.254 2.601l4.004 2.994a19 19 0 0 1 1.785-2.06l4.889-4.887zm53.767 8.82l-7.07 7.07l3.535 3.536l7.072-7.07zM4.621 62.961a25 25 0 0 0-2.066 10.828l4.998-.164A20.1 20.1 0 0 1 9.2 64.967Zm53.1 7.13l-7.07 7.073l3.535 3.535l7.07-7.07zM8.184 78.024L3.342 79.27a24.3 24.3 0 0 0 5.111 9.8l3.785-3.267a19.35 19.35 0 0 1-4.054-7.78m39.244 2.41c-3.24 2.319-5.144 5.305-7.297 7.202l3.305 3.75c2.85-2.512 4.68-5.294 6.902-6.885zm-31.942 8.362l-2.943 4.04a24.5 24.5 0 0 0 10.176 4.298l.861-4.926c-2.912-.51-5.718-1.682-8.094-3.412m21.02 1.37a19.9 19.9 0 0 1-8.49 2.327l.226 4.994a24.8 24.8 0 0 0 10.637-2.922zM24.113 75.887l51.774-51.774m-.032-2.5a2.5 2.5 0 0 0-1.736.733L22.346 74.119a2.5 2.5 0 0 0 0 3.535a2.5 2.5 0 0 0 3.535 0l51.773-51.773a2.5 2.5 0 0 0 0-3.535a2.5 2.5 0 0 0-1.799-.733" color="currentColor"/></svg>

Buffer アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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