Globe West Duo アイコン

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

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

glyphs:globe-west-duo

Globe West Duo アイコン(glyphs:globe-west-duo)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: globewest、westduo、globewestduo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M29.394 14.394a27.716 27.716 0 1 1 21.213 51.212a27.716 27.716 0 0 1-21.213-51.212"/><path fill="currentColor" fill-opacity=".25" d="M35.39 12.661a27.7 27.7 0 0 0-5.868 1.673c.145.142.33.246.54.29l3.764.787a1.661 1.661 0 0 0 1.564-2.75M18.562 22.43a27.7 27.7 0 0 1 7.658-6.484l8.42 1.495a2.4 2.4 0 0 1 1.609 1.075l.267.418a1.75 1.75 0 0 1-.16 2.098a1.75 1.75 0 0 0 .047 2.362l.885.93c.57.598 1.385.899 2.208.814l.88-.09a1.54 1.54 0 0 0 1.363-1.31l.11-.762a1.151 1.151 0 0 1 1.953-.65c.183.183.422.3.678.33l1.244.148a1.956 1.956 0 0 1 1.174 3.304l-7.269 7.51a1.04 1.04 0 0 0-.29.805l.004.054c.077.996-1.17 1.503-1.81.735a1.02 1.02 0 0 0-.788-.37h-1.69a1.887 1.887 0 0 0-.525 3.7l1.22.354c.649.188 1.23.556 1.679 1.06l.47.528a6.03 6.03 0 0 0 4.24 2.018l.577.025a6.03 6.03 0 0 1 4.215 1.985l.525.58c.385.428.879.742 1.428.912a3.19 3.19 0 0 1 2.252 3.05v.436c0 .984-.383 1.928-1.068 2.634l-8.03 8.282a3.02 3.02 0 0 0-.852 2.102v3.474a1.235 1.235 0 0 1-2.39.436l-.66-1.75a7.4 7.4 0 0 1-.476-2.613v-4.342a7.63 7.63 0 0 0-1.636-4.721a7.63 7.63 0 0 1-1.633-4.473l-.077-2.355c-.022-.68.22-1.343.676-1.849l.094-.104a2.47 2.47 0 0 0-1.44-4.092l-1.337-.216a6.04 6.04 0 0 1-3.509-1.908l-3.86-4.266a8 8 0 0 1-1.998-4.314l-.312-2.346a5.25 5.25 0 0 0-1.928-3.41l-.624-.498a3.8 3.8 0 0 0-1.514-.73m31.645-8.211q.203.08.405.164a27.7 27.7 0 0 1 9.642 6.681l-2.065 2.027c-1.379 1.353-3.638 1.221-4.879-.26a3.23 3.23 0 0 1-.754-2.184a3.2 3.2 0 0 0-.864-2.31l-.924-.985a2.92 2.92 0 0 1-.56-3.133m-10.039-.486a1.718 1.718 0 0 0 .023 2.664l3.943 3.154a1.06 1.06 0 0 0 1.514-1.457l-3.002-4.06a1.72 1.72 0 0 0-2.478-.302"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.394 14.394a27.716 27.716 0 1 1 21.213 51.212a27.716 27.716 0 0 1-21.213-51.212"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.39 12.661a27.7 27.7 0 0 0-5.868 1.673c.145.142.33.246.54.29l3.764.787a1.661 1.661 0 0 0 1.564-2.75M18.562 22.43a27.7 27.7 0 0 1 7.658-6.484l8.42 1.495a2.4 2.4 0 0 1 1.609 1.075l.267.418a1.75 1.75 0 0 1-.16 2.098a1.75 1.75 0 0 0 .047 2.362l.885.93c.57.598 1.385.899 2.208.814l.88-.09a1.54 1.54 0 0 0 1.363-1.31l.11-.762a1.151 1.151 0 0 1 1.953-.65c.183.183.422.3.678.33l1.244.148a1.956 1.956 0 0 1 1.174 3.304l-7.269 7.51a1.04 1.04 0 0 0-.29.805l.004.054c.077.996-1.17 1.503-1.81.735a1.02 1.02 0 0 0-.788-.37h-1.69a1.887 1.887 0 0 0-.525 3.7l1.22.354c.649.188 1.23.556 1.679 1.06l.47.528a6.03 6.03 0 0 0 4.24 2.018l.577.025a6.03 6.03 0 0 1 4.215 1.985l.525.58c.385.428.879.742 1.428.912a3.19 3.19 0 0 1 2.252 3.05v.436c0 .984-.383 1.928-1.068 2.634l-8.03 8.282a3.02 3.02 0 0 0-.852 2.102v3.474a1.235 1.235 0 0 1-2.39.436l-.66-1.75a7.4 7.4 0 0 1-.476-2.613v-4.342a7.63 7.63 0 0 0-1.636-4.721a7.63 7.63 0 0 1-1.633-4.473l-.077-2.355c-.022-.68.22-1.343.676-1.849l.094-.104a2.47 2.47 0 0 0-1.44-4.092l-1.337-.216a6.04 6.04 0 0 1-3.509-1.908l-3.86-4.266a8 8 0 0 1-1.998-4.314l-.312-2.346a5.25 5.25 0 0 0-1.928-3.41l-.624-.498a3.8 3.8 0 0 0-1.514-.73m31.645-8.211q.203.08.405.164a27.7 27.7 0 0 1 9.642 6.681l-2.065 2.027c-1.379 1.353-3.638 1.221-4.879-.26a3.23 3.23 0 0 1-.754-2.184a3.2 3.2 0 0 0-.864-2.31l-.924-.985a2.92 2.92 0 0 1-.56-3.133m-10.039-.486a1.718 1.718 0 0 0 .023 2.664l3.943 3.154a1.06 1.06 0 0 0 1.514-1.457l-3.002-4.06a1.72 1.72 0 0 0-2.478-.302"/></g></svg>

Globe West Duo アイコンの使い方

React

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

<Icon icon="glyphs:globe-west-duo" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:globe-west-duo" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:globe-west-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--globe-west-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:globe-west-duo"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:globe-west-duo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/globe-west-duo.svg" alt="Globe West Duo アイコン" width="24" height="24">

Glyphs の関連アイコン

Globe West Duo アイコンのよくある質問

Globe West Duo アイコンは商用利用でも無料ですか?

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

React で Globe West Duo アイコンを使うには?

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

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

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

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