Turf Kinks アイコン

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

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

geo:turf-kinks

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M12.711 16.536a2 2 0 0 1-1.45-.622l-3.36-3.536A2 2 0 0 1 9.351 9H14a2 2 0 0 1 .011 4l.15.158a2 2 0 0 1-1.45 3.378m27.038 26.862a2 2 0 0 1-1.414-.586l-6.715-6.716a2 2 0 1 1 2.828-2.828l6.715 6.716a2 2 0 0 1-1.414 3.414M26.317 29.967a2 2 0 0 1-1.414-.586l-6.715-6.716a2 2 0 1 1 2.828-2.828l6.715 6.716a2 2 0 0 1-1.414 3.414m33.934 13.431a2 2 0 0 1-1.414-3.414l6.716-6.715a2 2 0 1 1 2.828 2.828l-6.716 6.715a2 2 0 0 1-1.414.586m13.432-13.431a2 2 0 0 1-1.414-3.414l6.716-6.715a2 2 0 1 1 2.828 2.828l-6.716 6.715c-.391.39-.903.586-1.414.586m13.606-13.431a2 2 0 0 1-1.449-3.378l.149-.158A2 2 0 0 1 86 9h4.649a1.998 1.998 0 0 1 1.449 3.378l-3.36 3.536a2 2 0 0 1-1.449.622M75 13H65a2 2 0 0 1 0-4h10a2 2 0 0 1 0 4m-20 0H45a2 2 0 0 1 0-4h10a2 2 0 0 1 0 4m-20 0H25a2 2 0 0 1 0-4h10a2 2 0 0 1 0 4M14 94H9.351a2 2 0 0 1-1.447-3.381l3.366-3.529a2.001 2.001 0 0 1 2.895 2.762l-.143.148A2 2 0 0 1 14 94m5.606-10.218a2.002 2.002 0 0 1-1.412-3.417l6.713-6.688a2.004 2.004 0 0 1 2.829.005a2 2 0 0 1-.005 2.829l-6.713 6.688a2 2 0 0 1-1.412.583m13.426-13.377a2.002 2.002 0 0 1-1.412-3.417l6.713-6.688a2.003 2.003 0 0 1 2.829.005a2 2 0 0 1-.005 2.829l-6.713 6.688c-.39.389-.901.583-1.412.583m47.363 13.377a2 2 0 0 1-1.411-.583l-6.714-6.688a2 2 0 1 1 2.822-2.834l6.714 6.688a2 2 0 0 1-1.411 3.417M66.968 70.406a2 2 0 0 1-1.412-.583l-6.713-6.688a2 2 0 0 1-.005-2.829a2 2 0 0 1 2.829-.005l6.713 6.688a2.002 2.002 0 0 1-1.412 3.417M90.649 94H86a2 2 0 0 1-.022-4l-.143-.148a2.001 2.001 0 0 1 2.894-2.762l3.367 3.529A2.002 2.002 0 0 1 90.649 94M75 94H65a2 2 0 0 1 0-4h10a2 2 0 0 1 0 4m-20 0H45a2 2 0 0 1 0-4h10a2 2 0 0 1 0 4m-20 0H25a2 2 0 0 1 0-4h10a2 2 0 0 1 0 4"/><circle cx="50.178" cy="51.646" r="7.796" fill="currentColor"/></svg>

Turf Kinks アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

GeoGlyphs の関連アイコン

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

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

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

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

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

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

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

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