Globe アイコン
ix:globe
Globe アイコン(ix:globe)は、Siemens Industrial Experience Icons セットの無料 SVG アイコンです（作者: Siemens AG）。 512 × 512 のグリッドで描かれています。 Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Siemens Industrial Experience Icons
- 作者
- Siemens AG
- ライセンス
- MIT
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M256 42.667c117.821 0 213.334 95.513 213.334 213.333c0 117.821-95.513 213.334-213.334 213.334c-117.82 0-213.333-95.513-213.333-213.334C42.667 138.18 138.18 42.667 256 42.667m52.84 234.667H203.16c.258 5.539.612 10.99 1.057 16.344l1.154 11.927q.325 2.937.685 5.827l1.575 11.362c3.982 26.038 10.058 48.678 17.105 66.118l3.077 7.15c8.867 19.327 18.932 30.605 28.186 30.605s19.32-11.278 28.187-30.605l3.076-7.15c7.048-17.44 13.124-40.08 17.106-66.118l1.575-11.362q.36-2.891.685-5.827l1.154-11.927c.444-5.353.799-10.805 1.056-16.344m-148.418 0H86.654c7.629 61.173 47.631 112.291 102.322 135.669c-7.732-16.349-14.061-35.65-18.81-57.093l-2.337-11.397c-2.921-15.443-5.06-31.857-6.357-48.965l-.814-12.956q-.13-2.62-.236-5.258m264.924 0H351.58q-.106 2.638-.236 5.258l-.814 12.956c-1.297 17.108-3.436 33.522-6.358 48.965l-2.337 11.397c-4.748 21.442-11.077 40.744-18.81 57.09c54.691-23.375 94.694-74.493 102.322-135.665M188.976 99.002l-1.847.8c-53.743 23.73-92.933 74.383-100.475 134.865l73.768.002a519 519 0 0 1 .236-5.259l.814-12.957c1.297-17.108 3.436-33.521 6.357-48.965l2.337-11.396c4.749-21.442 11.078-40.744 18.81-57.09M256 85.334l-.278.003c-9.177.223-19.13 11.468-27.908 30.602l-3.077 7.15c-7.047 17.44-13.123 40.08-17.105 66.118l-1.575 11.362q-.36 2.89-.685 5.827l-1.154 11.927a450 450 0 0 0-1.057 16.343H308.84a450 450 0 0 0-1.056-16.343l-1.154-11.927q-.325-2.937-.685-5.827l-1.575-11.362c-3.982-26.038-10.058-48.679-17.106-66.118l-3.076-7.15C275.319 96.612 265.255 85.334 256 85.334m67.025 13.664l.645 1.381c7.44 16.05 13.549 34.87 18.164 55.712l2.337 11.396c2.922 15.444 5.06 31.857 6.358 48.965l.814 12.957q.13 2.62.236 5.259l73.767-.002c-7.628-61.172-47.63-112.29-102.32-135.668"/></svg>
Globe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:globe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:globe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:globe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--globe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:globe"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:globe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/globe.svg" alt="Globe アイコン" width="24" height="24">
Siemens Industrial Experience Icons の関連アイコン
Globe アイコン のよくある質問
Globe アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:globe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/globe.svg" alt="Globe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Siemens Industrial Experience Icons をすべて見る →
ICONYZ
