Globe West アイコン
glyphs-poly:globe-west
Globe West アイコン(glyphs-poly:globe-west)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- globewest
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="M35.39 12.661a27.7 27.7 0 0 0-5.868 1.672c.144.143.33.246.54.29l3.763.788a1.661 1.661 0 0 0 1.565-2.75m-16.828 9.77a27.7 27.7 0 0 1 7.658-6.486l8.42 1.496a2.4 2.4 0 0 1 1.609 1.075l.267.418a1.75 1.75 0 0 1-.16 2.098a1.75 1.75 0 0 0 .047 2.362l.884.929c.57.599 1.386.9 2.208.815l.88-.09a1.54 1.54 0 0 0 1.363-1.31l.11-.762a1.151 1.151 0 0 1 1.954-.65c.182.183.421.3.678.33l1.244.148a1.957 1.957 0 0 1 1.174 3.303l-7.27 7.51a1.04 1.04 0 0 0-.29.806l.005.054c.077.996-1.171 1.503-1.81.735a1.02 1.02 0 0 0-.788-.37h-1.69a1.887 1.887 0 0 0-.525 3.7l1.22.354c.648.188 1.23.555 1.679 1.06l.47.528a6.03 6.03 0 0 0 4.24 2.017l.577.026a6.03 6.03 0 0 1 4.215 1.984l.524.581c.386.427.88.742 1.429.912a3.19 3.19 0 0 1 2.251 3.05v.436c0 .983-.383 1.928-1.067 2.634l-8.03 8.282a3.02 3.02 0 0 0-.852 2.101v3.475a1.235 1.235 0 0 1-2.39.436l-.66-1.75a7.4 7.4 0 0 1-.476-2.613v-4.342a7.63 7.63 0 0 0-1.637-4.722a7.63 7.63 0 0 1-1.632-4.472l-.077-2.355c-.023-.68.22-1.343.675-1.849l.094-.104a2.47 2.47 0 0 0-1.44-4.092l-1.336-.216a6.03 6.03 0 0 1-3.51-1.908l-3.86-4.266a8 8 0 0 1-1.998-4.314l-.312-2.346a5.25 5.25 0 0 0-1.927-3.41l-.625-.498a3.8 3.8 0 0 0-1.514-.73m31.645-8.211q.203.08.405.164a27.7 27.7 0 0 1 9.642 6.68l-2.065 2.028c-1.379 1.353-3.638 1.22-4.88-.26a3.23 3.23 0 0 1-.753-2.184a3.2 3.2 0 0 0-.865-2.31l-.924-.986a2.92 2.92 0 0 1-.56-3.132m-10.038-.487a1.718 1.718 0 0 0 .023 2.665l3.942 3.154a1.06 1.06 0 0 0 1.514-1.457l-3.001-4.06a1.72 1.72 0 0 0-2.478-.302" clip-rule="evenodd"/></g></svg>
Globe West アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:globe-west" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:globe-west" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:globe-west" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--globe-west]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:globe-west"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:globe-west"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-west.svg" alt="Globe West アイコン" width="24" height="24">
他のアイコンセットの Globe West アイコン
Globe West アイコン のよくある質問
Globe West アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe West アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:globe-west" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe West アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/globe-west.svg" alt="Globe West アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
