Globe Americas Outline アイコン

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

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

glyphs:globe-americas-outline

Globe Americas Outline アイコン(glyphs:globe-americas-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: globeamericas、americasoutline、globeamericasoutline、america

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m19.786 18.218l.08-.079a29.7 29.7 0 0 1 13.73-7.166q.09-.02.18-.03a29.7 29.7 0 0 1 12.077-.078q.104.01.207.032a29.7 29.7 0 0 1 6.667 2.237q.097.046.188.102a29.717 29.717 0 1 1-33.13 4.982m2.714 4.996c-.647-.523-1.591-.464-2.128.17a25.717 25.717 0 0 0 14.517 41.818c3.038.617 5.55-1.975 5.55-5.074a5.68 5.68 0 0 0-1.199-3.49l-2.036-2.614a2 2 0 0 1-.42-1.165l-.222-6.871a2 2 0 0 1 .505-1.394l.93-1.046a.872.872 0 0 0-.51-1.44l-3.909-.64a2 2 0 0 1-1.167-.641l-7.974-8.916a2 2 0 0 1-.492-1.073l-.866-6.59a1.6 1.6 0 0 0-.579-1.034M59.34 54.178c-1.943 2.029-.599 3.653 1.105 1.42a25.716 25.716 0 0 0-5.105-36.237c-.083-.063-.328.164-.298.263l.831 2.691a2 2 0 0 1-.465 1.973l-6.638 6.939a7.73 7.73 0 0 0-2.122 5.934a2 2 0 0 1-1.247 2.008c-.35.141-.63.707-.381.99l.406.464c.108.122.26.195.423.202l5.372.237a2 2 0 0 1 1.404.667l1.376 1.543a8 8 0 0 0 3.587 2.31l.904.283a2 2 0 0 1 1.404 1.91v5.02a2 2 0 0 1-.556 1.383m-5.547-35.852c.013.005.023-.016.012-.023a.01.01 0 0 0-.011-.001l-.004.002a.012.012 0 0 0 0 .022zm-8.829-3.454a.86.86 0 0 0-.386-.178l-.23-.04c-.626-.108-1.058.575-.718 1.113a2 2 0 0 1-.181 2.38l-.158.182a1.46 1.46 0 0 0 .039 1.958l.138.147a1.052 1.052 0 0 0 1.809-.573l.362-2.545c.11-.775.167-1.763-.442-2.255zm-18.833 6.134c-.899-.726-.88-2.105.095-2.724a25.7 25.7 0 0 1 6.341-2.902c.998-.3 2.056-.314 3.082-.13l2.949.53a.803.803 0 0 1 .464 1.317l-.843.97a2 2 0 0 0 .053 2.683l3.32 3.526a2 2 0 0 0 1.663.619l3.873-.404a2 2 0 0 0 1.772-1.707l.085-.595c.038-.265.317-.422.583-.39l1.857.224a.277.277 0 0 1 .167.467l-8.715 9.11l-.013.013c-.235.25-.581.4-.925.4h-4.654a2 2 0 0 0-2 2v3.397a.241.241 0 0 1-.421.16l-5.388-6.023a8 8 0 0 1-1.968-4.291l-.65-4.955a2 2 0 0 0-.727-1.295M42.603 44.39q.108-.12.193-.255c.08-.123.26-.151.357-.04a2 2 0 0 0 1.414.677l2.265.1a8 8 0 0 1 5.616 2.667l.411.46a2 2 0 0 0 .897.578l.446.14a2.414 2.414 0 0 1 1.024 3.974L45.04 63.321a2 2 0 0 0-.556 1.384v.59q-.001.018-.019.022a.022.022 0 0 1-.026-.022V57.49a2 2 0 0 0-.422-1.229l-1.76-2.259a7.486 7.486 0 0 1 .315-9.577zm-1.79-8.376a.385.385 0 1 1-.108.755l-1.28-.376a.194.194 0 0 1 .055-.38z" clip-rule="evenodd"/></svg>

Globe Americas Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="glyphs:globe-americas-outline"></iconify-icon>

HTML 画像

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

Glyphs の関連アイコン

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

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

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

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

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

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

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

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

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