Globe Asia Australia Fill アイコン

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

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

bi:globe-asia-australia-fill

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

アイコンセット: Bootstrap Icons
作者: The Bootstrap Authors
ライセンス: MIT
サイズ: 24 × 24
タグ: globeasia、asiaaustralia、australiafill、globeasiaaustraliafill

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="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m3.041 9a1 1 0 0 0-.946.674l-.172.499a1 1 0 0 1-.403.515l-.803.517a1 1 0 0 0-.458.84v.455a1 1 0 0 0 1 1h.257c.192 0 .38.055.542.16l.762.491a1 1 0 0 0 .282.123A7 7 0 0 0 14.82 9.57a1 1 0 0 0-.085-.061l-.315-.204a1 1 0 0 0-.977-.06l-.169.082a1 1 0 0 1-.742.051l-1.02-.33A1 1 0 0 0 11.205 9zm-5.832 2.655a.302.302 0 1 0-.298.52l.762.325l.48.232A.386.386 0 1 0 6.321 12h-.417a.7.7 0 0 1-.418-.139zM8 1a7 7 0 0 0-6.387 9.864l.754-1.285a1 1 0 0 1 1.546-.225l1.074 1.005a.986.986 0 0 0 1.36-.011l.038-.037a.88.88 0 0 0 .26-.754c-.075-.549.37-1.035.92-1.1c.728-.086 1.587-.324 1.728-.957c.086-.386-.115-.83-.361-1.2c-.208-.312 0-.8.374-.8c.122 0 .24-.055.318-.15l.393-.474c.196-.237.49-.368.797-.403c.554-.065 1.407-.277 1.582-.973c.185-.731-.986-.944-.998-1.62A7 7 0 0 0 8 1m.524 8.963a.413.413 0 1 0-.783-.183v.028a.46.46 0 0 1-.137.326l-.113.107a.36.36 0 0 0 .5.518l.193-.187a.6.6 0 0 0 .12-.166zm3.374-4.444c-.252-.244-.681-.139-.931.107c-.256.251-.578.406-.918.585c-.338.177-.264.625.101.735a.48.48 0 0 0 .345-.027l1.278-.617a.484.484 0 0 0 .125-.783"/></svg>

Globe Asia Australia Fill アイコンの使い方

React

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

<Icon icon="bi:globe-asia-australia-fill" width="24" />

Vue

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

<template>
  <Icon icon="bi:globe-asia-australia-fill" width="24" />
</template>

Svelte

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

<Icon icon="bi:globe-asia-australia-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="bi:globe-asia-australia-fill"></iconify-icon>

HTML 画像

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

Bootstrap Icons の関連アイコン

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

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

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

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

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

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

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

Bootstrap Icons をすべて見る →