Globe Outline アイコン

Q: Globe Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:globe-outline

Globe Outline アイコン(solar:globe-outline)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 地図
タグ: globeoutline、globus outline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.0035 1.49982C18.2797 1.19118 18.7539 1.16491 19.0625 1.44116C21.3246 3.4658 22.75 6.41044 22.75 9.687C22.75 15.4384 18.3612 20.1647 12.75 20.6996V21.25H14C14.4142 21.25 14.75 21.5858 14.75 22C14.75 22.4142 14.4142 22.75 14 22.75H10C9.58579 22.75 9.25001 22.4142 9.25001 22C9.25001 21.5858 9.58579 21.25 10 21.25H11.25V20.7415C8.14923 20.621 5.37537 19.2236 3.44116 17.0625C3.16491 16.7539 3.19118 16.2797 3.49982 16.0035C3.80847 15.7272 4.28261 15.7535 4.55886 16.0622C6.31098 18.0198 8.85483 19.25 11.687 19.25C16.9685 19.25 21.25 14.9685 21.25 9.687C21.25 6.85483 20.0198 4.31098 18.0622 2.55886C17.7535 2.28261 17.7272 1.80847 18.0035 1.49982ZM7.2218 5.97099C6.30349 7.05894 5.75001 8.46484 5.75001 10C5.75001 13.4518 8.54823 16.25 12 16.25C12.0963 16.25 12.192 16.2478 12.2872 16.2435C12.2005 15.6345 12.2439 14.8905 12.6285 14.1657C13.1159 13.2472 14.1093 12.8691 14.7862 12.7027C15.1485 12.6137 15.4829 12.57 15.7251 12.5483C15.8471 12.5373 15.948 12.5317 16.0202 12.5289C16.0564 12.5274 16.0855 12.5267 16.1067 12.5263L16.1324 12.5259L16.1377 12.5259C16.8873 12.5181 17.3089 12.3432 17.5563 12.1648C17.8046 11.9857 17.9513 11.7499 18.0576 11.485C18.0669 11.4618 18.0772 11.4394 18.0885 11.4176C18.1942 10.9622 18.25 10.4876 18.25 10C18.25 8.31604 17.584 6.78762 16.5011 5.66377C16.3786 6.02084 16.2225 6.35649 16.0597 6.61271C15.8488 6.94459 15.4509 7.26677 15.143 7.49617C14.9312 7.65397 14.7121 7.78702 14.5199 7.90192C14.4965 7.91589 14.4736 7.92956 14.451 7.943C14.2793 8.04543 14.1309 8.13396 13.9881 8.23182C13.6814 8.44195 13.4566 8.65882 13.3044 8.98436C13.2636 9.07161 13.2596 9.15859 13.2878 9.26509C13.3463 9.48633 13.3867 9.73647 13.3873 9.99317C13.3901 11.1142 12.3502 11.7596 11.4915 11.7499C9.50666 11.7274 8.33638 10.0614 8.18391 8.30154C8.11154 7.46619 7.68135 6.6229 7.2218 5.97099ZM8.32838 4.94163C8.91808 5.73757 9.56822 6.90135 9.67831 8.17207C9.78839 9.44264 10.5469 10.2391 11.5085 10.25C11.6091 10.2511 11.7211 10.211 11.8005 10.1446C11.8744 10.0828 11.8874 10.03 11.8873 9.9969C11.887 9.89046 11.8696 9.76932 11.8377 9.64899C11.7401 9.28039 11.7249 8.82078 11.9456 8.34889C12.2508 7.69642 12.7046 7.29293 13.1403 6.99441C13.325 6.86785 13.5165 6.75371 13.6839 6.65396C13.7065 6.64051 13.7287 6.62731 13.7503 6.61439C13.9415 6.50008 14.1022 6.40111 14.2468 6.29334C14.5712 6.05161 14.7501 5.87677 14.7936 5.80831C14.9625 5.54254 15.1509 5.06019 15.2218 4.64333C14.281 4.07624 13.1786 3.75001 12 3.75001C10.628 3.75001 9.35921 4.19211 8.32838 4.94163ZM16.8186 13.9807C16.6101 14.0081 16.3885 14.0234 16.1533 14.0258L16.1455 14.0259L16.1347 14.026C16.1233 14.0263 16.1046 14.0267 16.0795 14.0277C16.0291 14.0297 15.9533 14.0338 15.8591 14.0423C15.6691 14.0593 15.4133 14.0932 15.1443 14.1594C14.5587 14.3033 14.1248 14.5459 13.9535 14.8688C13.7528 15.247 13.7256 15.6562 13.767 15.9967C14.9773 15.6407 16.035 14.9282 16.8186 13.9807ZM4.25001 10C4.25001 5.7198 7.7198 2.25001 12 2.25001C16.2802 2.25001 19.75 5.7198 19.75 10C19.75 14.2802 16.2802 17.75 12 17.75C7.7198 17.75 4.25001 14.2802 4.25001 10Z" clip-rule="evenodd"/></svg>

Globe Outline アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:globe-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:globe-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:globe-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--globe-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:globe-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:globe-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/globe-outline.svg" alt="Globe Outline アイコン" width="24" height="24">

Solar の関連アイコン

他のアイコンセットの Globe Outline アイコン

Globe Outline アイコンのよくある質問

Globe Outline アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Globe Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:globe-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Globe Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/globe-outline.svg" alt="Globe Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →