Globe Oceania アイコン

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

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

boxicons:globe-oceania

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

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

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-1.23.29-2.4.79-3.44h.14c.56-.02 1.47-.02 2.02 0s1.1-.07 1.24-.21c.13-.14-.08-.39-.48-.55s-.75-.46-.78-.66s.07-.58.22-.84c.1-.17.19-.49.26-.83C8.71 4.55 10.3 4 12.02 4c4.41 0 8 3.59 8 8s-3.59 8-8 8Z"/><path fill="currentColor" d="M13.25 9.34c-.17-.42-.47-.43-.66-.03s-.54.65-.78.55s-.41-.39-.38-.66s-.27-.54-.66-.6c-.39-.07-.9.05-1.13.26s-.68.69-1 1.07s-.92.87-1.33 1.09s-.69.79-.62 1.27s.29 1.18.5 1.55s.6.61.88.54c.28-.08.76-.32 1.09-.55c.32-.23.92-.32 1.33-.21s.82.33.91.48s.44.42.78.6c.33.18.91.34 1.28.35c.37 0 .91-.54 1.19-1.23c.28-.68.15-1.8-.29-2.49c-.45-.68-.95-1.58-1.12-2Zm3.18 7.42c-.25.29-.33.58-.19.64c.14.07.59-.06.98-.28c.4-.22.91-.68 1.14-1.02s.28-.78.12-.98s-.33-.16-.38.09s-.34.58-.66.74c-.31.16-.77.52-1.02.81Zm-3.45-1.03l.03.1l.03.1c.14.29.36.52.49.5s.23-.18.22-.35c0-.18-.36-.33-.78-.35ZM10.91 6.7c.39.26.93.7 1.19.97s.68.49.93.48c.25 0 .72.05 1.04.13s.32-.19 0-.61c-.32-.41-1.07-.96-1.68-1.23s-1.35-.42-1.65-.35s-.22.35.17.61"/></svg>

Globe Oceania アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Boxicons の関連アイコン

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

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

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

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

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

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

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

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

Boxicons をすべて見る →