Globe Oceania アイコン
glyphs-poly:globe-oceania
Globe Oceania アイコン(glyphs-poly:globe-oceania)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- globeoceania
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="M37.464 12.391c1.6-.147 3.21-.155 4.81-.024l-2.166 2.407a1.77 1.77 0 0 1-2.789-2.166zm-2.271.304l-1.4 1.478a3.46 3.46 0 0 1-2.546 1.08a3.46 3.46 0 0 0-3.458 2.961l-.017.117a3.6 3.6 0 0 1-1.559 2.468l-.805.54a3 3 0 0 0-1.32 2.743l.043.5a2.395 2.395 0 0 1-4.408 1.485l-.546-.861a3.74 3.74 0 0 0-1.65-1.43a27.72 27.72 0 0 1 17.666-11.08M22.928 30.277a2.055 2.055 0 0 0-1.333 3.123l2.089 3.27a4.7 4.7 0 0 0 2.822 2.03l1.762.44a2.03 2.03 0 0 0 1.853-3.473l-5.417-4.898a2.06 2.06 0 0 0-1.776-.492m13.385 5.751a1.65 1.65 0 0 0 1.542 2.01l4.26.173a2.5 2.5 0 0 0 1.554-.467l.353-.254a1.519 1.519 0 0 0-.888-2.75h-5.212a1.65 1.65 0 0 0-1.61 1.288m3.107 5.051a7.16 7.16 0 0 0-4.785 2.162l-.812.836a4.563 4.563 0 0 0 3.273 7.742h1.437a5.36 5.36 0 0 1 3.661 1.444l.562.524a3.416 3.416 0 0 0 5.746-2.495v-2.42a5.84 5.84 0 0 0-1.474-3.876l-1.185-1.332a7.77 7.77 0 0 0-6.182-2.597zM31 31.859a2.336 2.336 0 0 1-.426-3.593l2.583-2.676a1.198 1.198 0 0 1 1.876 1.47l-.073.116a1.3 1.3 0 0 0-.191.836l.112 1.011a2.75 2.75 0 0 1-.503 1.915l-.23.317A2.336 2.336 0 0 1 31 31.86m21.641 23.07a1.68 1.68 0 0 1-.047-1.967l1.156-1.682a1.684 1.684 0 1 1 2.773 1.91l-1.16 1.679a1.68 1.68 0 0 1-2.722.06" clip-rule="evenodd"/></g></svg>
Globe Oceania アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:globe-oceania" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:globe-oceania" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:globe-oceania" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--globe-oceania]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:globe-oceania"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:globe-oceania"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-oceania.svg" alt="Globe Oceania アイコン" width="24" height="24">
他のアイコンセットの Globe Oceania アイコン
Globe Oceania アイコン のよくある質問
Globe Oceania アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe Oceania アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:globe-oceania" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe Oceania アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-oceania.svg" alt="Globe Oceania アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
