ICONYZ
日本語
Glyphs の Globe Asia Duo アイコン

Globe Asia Duo アイコン

glyphs:globe-asia-duo

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

アイコンセット
Glyphs
作者
Goran Spasojevic
ライセンス
MIT
サイズ
80 × 80
タグ
globeasia、asiaduo、globeasiaduo
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.393a27.717 27.717 0 1 1 21.213 51.214a27.717 27.717 0 0 1-21.213-51.214"/><path fill="currentColor" fill-opacity=".25" d="M57.51 61.48a27.7 27.7 0 0 1-6.834 4.09a4.8 4.8 0 0 0-2.046-.455h-1.27a4.122 4.122 0 0 1-2.962-6.989l.726-.75a6.45 6.45 0 0 1 4.32-1.958l.205-.01a6.97 6.97 0 0 1 5.556 2.34l1.07 1.207a5.27 5.27 0 0 1 1.236 2.526m.245-42.777a3.93 3.93 0 0 0-2.075 1.067l-.697.685a3.42 3.42 0 0 1-2.285.977l-.243.008a3.165 3.165 0 0 0-3.063 3.136a3.17 3.17 0 0 1-.864 2.147l-4.16 4.405a3.1 3.1 0 0 1-2.29.975a3.11 3.11 0 0 0-3.107 2.661l-.018.12a3.25 3.25 0 0 1-1.402 2.227l-.72.484a2.71 2.71 0 0 0-1.19 2.478l.04.462a2.153 2.153 0 0 1-3.967 1.33l-.49-.776c-1.276-2.021-4.186-2.124-5.602-.198l-.538.731c-.23.314-.404.666-.513 1.04l-.644 2.22a.7.7 0 0 1-1.269.172l-2.652-4.314a4.71 4.71 0 0 0-3.987-2.244l-1.097-.007a2.02 2.02 0 0 1-1.408-.583l-1.05-1.037a27.716 27.716 0 0 1 45.29-18.166M12.323 38.618l1.77 1.774a2.416 2.416 0 0 1-1.435 4.106a27.7 27.7 0 0 1-.335-5.88m22.271 7.05a1.85 1.85 0 0 0-1.201 2.81l1.882 2.956a4.25 4.25 0 0 0 2.55 1.84l1.57.393a1.83 1.83 0 0 0 1.676-3.131l-4.873-4.423a1.85 1.85 0 0 0-1.604-.445"/><path fill="currentColor" fill-opacity=".25" d="M52.013 29.482a1.807 1.807 0 1 0-2.851-2.206l-1.625 2.448a1.594 1.594 0 0 0 2.514 1.945zM46.636 50.86a1.49 1.49 0 0 0 1.393 1.813l3.822.157a2.24 2.24 0 0 0 1.404-.423l.314-.228a1.372 1.372 0 0 0-.804-2.483H48.09a1.49 1.49 0 0 0-1.454 1.165M41.85 47.09a2.104 2.104 0 0 1-.382-3.231l2.329-2.422c.277-.288.692-.4 1.077-.288c.688.198.995 1.001.614 1.608l-.068.11c-.141.225-.202.49-.172.755l.102.919a2.48 2.48 0 0 1-.451 1.719l-.206.286a2.104 2.104 0 0 1-2.842.544"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.394 14.393a27.717 27.717 0 1 1 21.213 51.214a27.717 27.717 0 0 1-21.213-51.214"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M57.51 61.48a27.7 27.7 0 0 1-6.834 4.09a4.8 4.8 0 0 0-2.046-.455h-1.27a4.122 4.122 0 0 1-2.962-6.989l.726-.75a6.45 6.45 0 0 1 4.32-1.958l.205-.01a6.97 6.97 0 0 1 5.556 2.34l1.07 1.207a5.27 5.27 0 0 1 1.236 2.526m.245-42.777a3.93 3.93 0 0 0-2.075 1.067l-.697.685a3.42 3.42 0 0 1-2.285.977l-.243.008a3.165 3.165 0 0 0-3.063 3.136a3.17 3.17 0 0 1-.864 2.147l-4.16 4.405a3.1 3.1 0 0 1-2.29.975a3.11 3.11 0 0 0-3.107 2.661l-.018.12a3.25 3.25 0 0 1-1.402 2.227l-.72.484a2.71 2.71 0 0 0-1.19 2.478l.04.462a2.153 2.153 0 0 1-3.967 1.33l-.49-.776c-1.276-2.021-4.186-2.124-5.602-.198l-.538.731c-.23.314-.404.666-.513 1.04l-.644 2.22a.7.7 0 0 1-1.269.172l-2.652-4.314a4.71 4.71 0 0 0-3.987-2.244l-1.097-.007a2.02 2.02 0 0 1-1.408-.583l-1.05-1.037a27.716 27.716 0 0 1 45.29-18.166M12.323 38.618l1.77 1.774a2.416 2.416 0 0 1-1.435 4.106a27.7 27.7 0 0 1-.335-5.88m22.271 7.05a1.85 1.85 0 0 0-1.201 2.81l1.882 2.956a4.25 4.25 0 0 0 2.55 1.84l1.57.393a1.83 1.83 0 0 0 1.676-3.131l-4.873-4.423a1.85 1.85 0 0 0-1.604-.445"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M52.013 29.482a1.807 1.807 0 1 0-2.851-2.206l-1.625 2.448a1.594 1.594 0 0 0 2.514 1.945zM46.636 50.86a1.49 1.49 0 0 0 1.393 1.813l3.822.157a2.24 2.24 0 0 0 1.404-.423l.314-.228a1.372 1.372 0 0 0-.804-2.483H48.09a1.49 1.49 0 0 0-1.454 1.165M41.85 47.09a2.104 2.104 0 0 1-.382-3.231l2.329-2.422c.277-.288.692-.4 1.077-.288c.688.198.995 1.001.614 1.608l-.068.11c-.141.225-.202.49-.172.755l.102.919a2.48 2.48 0 0 1-.451 1.719l-.206.286a2.104 2.104 0 0 1-2.842.544"/></g></svg>

Globe Asia Duo アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Glyphs の関連アイコン

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

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

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

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

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

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

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

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