Globe Asia アイコン

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

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

boxicons:globe-asia

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

アイコンセット: Boxicons
作者: Boxicons
ライセンス: MIT
サイズ: 24 × 24
タグ: globeasia

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10s10-4.49 10-10S17.51 2 12 2m0 18c-4.41 0-8-3.59-8-8c0-.35.03-.7.08-1.04q.18.09.42.09c.83-.03 1.72.18 2 .45s.72 1.29 1 2.25s.67 1.64.88 1.5s.43-.48.5-.75c.07-.28.35-.73.62-1c.28-.28.73-.53 1.01-.57s.61.03.74.15s.27.38.33.57c.05.19.23.39.39.45c.16.05.34.39.41.74c.06.35.22.75.35.87s.36.24.51.26s.19-.18.08-.43c-.11-.26-.05-.43.13-.38s.5-.02.72-.17c.22-.14.38-.44.35-.67c-.02-.23-.15-.51-.29-.63c-.13-.12-.24-.32-.24-.45s.17-.27.37-.31s.65-.28 1.01-.55s.73-.74.82-1.06s.08-.74-.01-.95s-.13-.66-.07-1.02c.06-.35.2-.43.32-.18c.11.26.3.41.4.33c.11-.07.19-.45.18-.82s.31-1.24.71-1.91c.05-.08.08-.16.1-.24A7.98 7.98 0 0 1 20 12c0 4.41-3.59 8-8 8"/><path fill="currentColor" d="M13.48 16.93c-.2-.16-.52-.4-.72-.54c-.19-.13-.45-.24-.57-.24s-.18.11-.13.25s.2.36.34.5l.5.5c.14.14.35.28.47.32s.32.09.45.11c.13.03.26-.09.29-.27c.03-.17-.01-.32-.1-.33c-.09 0-.33-.14-.53-.31Zm4.09-7.43c-.23.56-.41 1.24-.41 1.51s.16.26.35-.03s.5-.81.68-1.16s.28-.78.2-.97s-.2-.35-.27-.35s-.32.44-.55 1m-1.17 5.9c-.14-.02-.42.14-.62.36c-.21.22-.54.51-.75.65s-.32.39-.26.56c.07.17.34.32.62.34c.28.01.65-.22.84-.51s.35-.72.38-.94c.02-.23-.07-.43-.21-.45Z"/></svg>

Globe Asia アイコンの使い方

React

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

<Icon icon="boxicons:globe-asia" width="24" />

Vue

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

<template>
  <Icon icon="boxicons:globe-asia" width="24" />
</template>

Svelte

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

<Icon icon="boxicons:globe-asia" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="boxicons:globe-asia"></iconify-icon>

HTML 画像

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

Boxicons の関連アイコン

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

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

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

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

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

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

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

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

Boxicons をすべて見る →