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 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
globe-africa
globe-africa-bold
globe-africa-duo
globe-africa-outline
globe-americas
globe-americas-bold
globe-americas-duo
globe-americas-outline
globe-asia
globe-asia-bold
globe-asia-outline
globe-bold
globe-duo
globe-earth
globe-earth-bold
globe-earth-duo
globe-earth-outline
globe-east
globe-east-bold
globe-east-duo
globe-east-outline
globe-europe
globe-europe-bold
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 コードをページに直接貼り付けます。