Globe Solid アイコン

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

はい。Myna UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

mynaui:globe-solid

Globe Solid アイコン(mynaui:globe-solid)は、Myna UI Icons セットの無料 SVG アイコンです（作者: Praveen Juge）。 24 × 24 のグリッドで描かれています。 Myna UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Myna UI Icons
作者: Praveen Juge
ライセンス: MIT
サイズ: 24 × 24
タグ: globesolid

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.06 9.75A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25h3.371A21 21 0 0 1 7.309 12c0-.716.04-1.479.122-2.25zm-1.3-.867a.8.8 0 0 1 .09-.257a9.754 9.754 0 0 1 18.302.001a.8.8 0 0 1 .09.254c.33.98.509 2.028.509 3.119c0 1.09-.18 2.14-.51 3.119a.8.8 0 0 1-.089.254a9.754 9.754 0 0 1-18.302 0a.8.8 0 0 1-.09-.256A9.7 9.7 0 0 1 2.25 12c0-1.09.179-2.139.509-3.117M12 3.75c-.428 0-.832.192-1.228.624c-.407.443-.77 1.107-1.073 1.942c-.215.594-.39 1.25-.525 1.934h5.652a13.5 13.5 0 0 0-.525-1.934c-.302-.835-.666-1.499-1.073-1.942c-.396-.432-.8-.624-1.228-.624m4.57 10.5h3.37c.202-.715.31-1.47.31-2.25s-.108-1.535-.31-2.25h-3.37c.082.771.121 1.534.121 2.25s-.04 1.479-.122 2.25m-1.744 1.5H9.174c.136.683.31 1.34.525 1.934c.302.835.666 1.499 1.073 1.942c.396.432.8.624 1.228.624s.832-.192 1.228-.624c.407-.443.771-1.107 1.073-1.942c.215-.594.39-1.25.525-1.934m-5.86 3.925a9 9 0 0 1-.677-1.481a15.4 15.4 0 0 1-.642-2.444H4.65a8.28 8.28 0 0 0 4.317 3.925M19.35 8.25a8.28 8.28 0 0 0-4.317-3.925c.265.454.489.957.678 1.481c.274.757.487 1.59.643 2.444z"/></svg>

Globe Solid アイコンの使い方

React

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

<Icon icon="mynaui:globe-solid" width="24" />

Vue

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

<template>
  <Icon icon="mynaui:globe-solid" width="24" />
</template>

Svelte

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

<Icon icon="mynaui:globe-solid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="mynaui:globe-solid"></iconify-icon>

HTML 画像

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

Myna UI Icons の関連アイコン

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

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

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

はい。Myna UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Myna UI Icons をすべて見る →