Globe Hemisphere East Thin アイコン
ph:globe-hemisphere-east-thin
Globe Hemisphere East Thin アイコン(ph:globe-hemisphere-east-thin)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- world、earth、global、planet、circle、round、internationalization、i18n、languages、country、countries、geography、europe、africa、asia、australia
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M128 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m0 8a91.5 91.5 0 0 1 52 16.15V74a4 4 0 0 1-1 2.61l-22.17 25.76a4 4 0 0 1-2.49 1.35L122.9 108a3.94 3.94 0 0 1-2.88-.72l-.16-.11l-19.73-12.95a12 12 0 0 0-16.93 3.11l-21 31.3a11.93 11.93 0 0 0-2 6.6l-.2 36.23a4 4 0 0 1-1.8 3.33l-6.65 4.36A92 92 0 0 1 128 36M56.32 185.6l6.29-4.13a12 12 0 0 0 5.41-10l.21-36.23a4 4 0 0 1 .67-2.2l20.95-31.3a4 4 0 0 1 5.67-1l.15.11l19.74 12.91a12 12 0 0 0 8.56 2.11l31.47-4.26a12 12 0 0 0 7.49-4.06l22.17-25.74A12 12 0 0 0 188 74V58.31A91.91 91.91 0 0 1 213.5 162l-20.57-18.82a12 12 0 0 0-12.7-2.22l-30.45 12.66a12.06 12.06 0 0 0-7.27 9.33l-2.38 16.19a12 12 0 0 0 8.87 13.32l21.45 5.63a4 4 0 0 1 1.82 1l5.94 6A91.85 91.85 0 0 1 56.32 185.6m128.43 14.76l-6.86-6.88a12 12 0 0 0-5.45-3.13L151 184.72a4 4 0 0 1-3-4.45l2.39-16.2a4 4 0 0 1 2.42-3.11l30.45-12.65a4 4 0 0 1 4.24.74l22.5 20.57a92.4 92.4 0 0 1-25.25 30.74"/></svg>Globe Hemisphere East Thin アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:globe-hemisphere-east-thin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:globe-hemisphere-east-thin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:globe-hemisphere-east-thin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--globe-hemisphere-east-thin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:globe-hemisphere-east-thin"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:globe-hemisphere-east-thin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/globe-hemisphere-east-thin.svg" alt="Globe Hemisphere East Thin アイコン" width="24" height="24">Phosphor の関連アイコン
globe
globe-bold
globe-duotone
globe-fill
globe-hemisphere-east
globe-hemisphere-east-bold
globe-hemisphere-east-duotone
globe-hemisphere-east-fill
globe-hemisphere-east-light
globe-hemisphere-west
globe-hemisphere-west-bold
globe-hemisphere-west-duotone
globe-hemisphere-west-fill
globe-hemisphere-west-light
globe-hemisphere-west-thin
globe-light
globe-simple
globe-simple-bold
globe-simple-duotone
globe-simple-fill
globe-simple-light
globe-simple-thin
globe-simple-x
globe-simple-x-bold
Globe Hemisphere East Thin アイコン のよくある質問
Globe Hemisphere East Thin アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe Hemisphere East Thin アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:globe-hemisphere-east-thin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe Hemisphere East Thin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/globe-hemisphere-east-thin.svg" alt="Globe Hemisphere East Thin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。