Turf Bezier アイコン

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

はい。GeoGlyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

geo:turf-bezier

Turf Bezier アイコン(geo:turf-bezier)は、GeoGlyphs セットの無料 SVG アイコンです（作者: Sam Matthews）。 100 × 100 のグリッドで描かれています。 GeoGlyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: GeoGlyphs
作者: Sam Matthews
ライセンス: MIT
サイズ: 100 × 100
タグ: turfbezier

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="40.274" cy="39.666" r="4.763" fill="currentColor"/><path fill="currentColor" d="m12.729 63.898l-5.714 5.6a1.999 1.999 0 0 0 1.4 3.429c.505 0 1.011-.19 1.4-.571l5.714-5.6a2 2 0 0 0-2.8-2.858m11.427-11.199l-5.714 5.6a1.999 1.999 0 0 0 1.4 3.429c.505 0 1.011-.19 1.4-.571l5.714-5.6a2 2 0 0 0-2.8-2.858m22.861-16.865l.145-.08l2.648-2.595a1.999 1.999 0 1 0-2.8-2.856l-2.762 2.707a7.8 7.8 0 0 1 2.769 2.824m7.107-7.703c.505 0 1.011-.19 1.399-.571l5.714-5.599a2 2 0 0 0-2.799-2.858l-5.714 5.599a2 2 0 0 0 1.4 3.429m11.428-11.199c.505 0 1.011-.19 1.399-.572l5.714-5.6a2 2 0 1 0-2.799-2.856l-5.714 5.6a2 2 0 0 0 1.4 3.428"/><path fill="currentColor" d="M92.917 42.969C80.419 30.471 61.223 27.94 47.162 35.754l-.121.119a7.7 7.7 0 0 1 .997 3.793c0 .072-.009.142-.011.214c12.618-7.75 30.503-5.642 42.062 5.916a2 2 0 0 0 2.828-2.827"/><path fill="currentColor" d="m47.041 35.873l.121-.119l-.145.08zM42.688 90.66c-6.166-6.166-9.561-14.437-9.561-23.29c0-7.347 2.346-14.29 6.666-19.965a7.7 7.7 0 0 1-3.445-1.053a8 8 0 0 1-.505-.32a7.8 7.8 0 0 1-2.307-2.525L29.87 47.1a2 2 0 0 0 2.8 2.858l1.672-1.638c-3.398 5.669-5.214 12.206-5.214 19.051c0 9.922 3.812 19.197 10.733 26.118c.39.391.902.586 1.414.586s1.024-.195 1.414-.586a2 2 0 0 0-.001-2.829m-.591-51.432c.196.062.397.102.6.102c.505 0 1.011-.19 1.4-.572l.659-.646a5 5 0 0 0-.296-.674a33 33 0 0 0-2.363 1.79"/></svg>

Turf Bezier アイコンの使い方

React

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

<Icon icon="geo:turf-bezier" width="24" />

Vue

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

<template>
  <Icon icon="geo:turf-bezier" width="24" />
</template>

Svelte

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

<Icon icon="geo:turf-bezier" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[geo--turf-bezier]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/geo -->
<div class="i-geo:turf-bezier"></div>

Web コンポーネント

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

<iconify-icon icon="geo:turf-bezier"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/geo/turf-bezier.svg" alt="Turf Bezier アイコン" width="24" height="24">

GeoGlyphs の関連アイコン

Turf Bezier アイコンのよくある質問

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

はい。GeoGlyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

GeoGlyphs アイコンをすべて見る →