Globe Asia アイコン
glyphs-poly:globe-asia
Globe Asia アイコン(glyphs-poly:globe-asia)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- globeasia
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" d="M29.393 14.393a27.717 27.717 0 1 1 21.214 51.214a27.717 27.717 0 0 1-21.214-51.214"/><path fill="#6fcf97" fill-rule="evenodd" 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.246-42.776a3.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.966 1.33l-.49-.776c-1.277-2.021-4.187-2.124-5.603-.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.71 27.71 0 0 1 29.4 14.384a27.72 27.72 0 0 1 28.357 4.32M12.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.883 2.956a4.25 4.25 0 0 0 2.549 1.84l1.57.393a1.831 1.831 0 0 0 1.676-3.131l-4.873-4.423a1.85 1.85 0 0 0-1.604-.445m17.419-16.186a1.807 1.807 0 1 0-2.851-2.206l-1.625 2.448a1.594 1.594 0 0 0 2.514 1.945zm-5.377 21.379a1.49 1.49 0 0 0 1.393 1.812l3.822.157c.502.02.997-.129 1.404-.423l.315-.228a1.372 1.372 0 0 0-.804-2.483H48.09a1.49 1.49 0 0 0-1.454 1.165m-4.785-3.77a2.104 2.104 0 0 1-.383-3.232l2.329-2.422c.278-.288.692-.4 1.077-.288c.688.198.995 1.001.615 1.608l-.07.11c-.14.225-.2.49-.171.755l.102.919a2.48 2.48 0 0 1-.451 1.719l-.206.286a2.104 2.104 0 0 1-2.842.544" clip-rule="evenodd"/></g></svg>
Globe Asia アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:globe-asia" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:globe-asia" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:globe-asia" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--globe-asia]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:globe-asia"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:globe-asia"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-asia.svg" alt="Globe Asia アイコン" width="24" height="24">
他のアイコンセットの Globe Asia アイコン
Globe Asia アイコン のよくある質問
Globe Asia アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe Asia アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:globe-asia" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe Asia アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-asia.svg" alt="Globe Asia アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
