Globe North America Duo アイコン

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

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

glyphs:globe-north-america-duo

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

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: globenorth、northamerica、americaduo、globenorthamericaduo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M29.394 14.394a27.716 27.716 0 1 1 21.213 51.212a27.716 27.716 0 0 1-21.213-51.212"/><path fill="currentColor" fill-opacity=".25" d="M60.555 58.59a27.7 27.7 0 0 1-13.881 8.303a8 8 0 0 1-.087-.942l-.118-3.64a3.4 3.4 0 0 1 .863-2.375l.125-.14A3.18 3.18 0 0 0 45.6 54.54l-1.688-.276a7.67 7.67 0 0 1-4.47-2.445l-5.407-6.023a8 8 0 0 1-1.978-4.299l-.496-3.764a6.7 6.7 0 0 0-2.44-4.342l-.815-.656a4.79 4.79 0 0 0-4.526-.808l-1.25.42a2.692 2.692 0 0 1-3.55-2.551v-4.45a3.863 3.863 0 0 1 5.565-3.468l1.992.978a8 8 0 0 0 4.536.754l2.231-.285a8 8 0 0 1 2.422.061l11.144 1.996a3.1 3.1 0 0 1 2.074 1.392l.337.532a2.26 2.26 0 0 1-.206 2.696a2.26 2.26 0 0 0 .06 3.037l1.13 1.195a3.4 3.4 0 0 0 2.82 1.046l1.111-.115a1.966 1.966 0 0 0 1.743-1.677l.143-.998c.172-1.198 1.639-1.683 2.49-.824c.233.235.538.384.866.424l1.567.188a2.52 2.52 0 0 1 1.518 4.248l-9.276 9.66a1.33 1.33 0 0 0-.368 1.026l.007.089c.098 1.271-1.498 1.915-2.31.932a1.3 1.3 0 0 0-1.007-.475h-2.13a2.429 2.429 0 0 0-.682 4.76l1.54.45a4.57 4.57 0 0 1 2.147 1.365l.597.677a7.7 7.7 0 0 0 5.428 2.596l.702.031a7.7 7.7 0 0 1 3.385.953M39.948 20.399c0-.72.548-1.323 1.265-1.39l4.857-.451a2.134 2.134 0 1 1-.243 4.212l-4.772-1.006a1.395 1.395 0 0 1-1.108-1.365m13.975.231a2.2 2.2 0 0 0 .03 3.402l5.041 4.065a1.355 1.355 0 0 0 1.944-1.856l-3.83-5.223a2.2 2.2 0 0 0-3.185-.388"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.394 14.394a27.716 27.716 0 1 1 21.213 51.212a27.716 27.716 0 0 1-21.213-51.212"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M60.555 58.59a27.7 27.7 0 0 1-13.881 8.303a8 8 0 0 1-.087-.942l-.118-3.64a3.4 3.4 0 0 1 .863-2.375l.125-.14A3.18 3.18 0 0 0 45.6 54.54l-1.688-.276a7.67 7.67 0 0 1-4.47-2.445l-5.407-6.023a8 8 0 0 1-1.978-4.299l-.496-3.764a6.7 6.7 0 0 0-2.44-4.342l-.815-.656a4.79 4.79 0 0 0-4.526-.808l-1.25.42a2.692 2.692 0 0 1-3.55-2.551v-4.45a3.863 3.863 0 0 1 5.565-3.468l1.992.978a8 8 0 0 0 4.536.754l2.231-.285a8 8 0 0 1 2.422.061l11.144 1.996a3.1 3.1 0 0 1 2.074 1.392l.337.532a2.26 2.26 0 0 1-.206 2.696a2.26 2.26 0 0 0 .06 3.037l1.13 1.195a3.4 3.4 0 0 0 2.82 1.046l1.111-.115a1.966 1.966 0 0 0 1.743-1.677l.143-.998c.172-1.198 1.639-1.683 2.49-.824c.233.235.538.384.866.424l1.567.188a2.52 2.52 0 0 1 1.518 4.248l-9.276 9.66a1.33 1.33 0 0 0-.368 1.026l.007.089c.098 1.271-1.498 1.915-2.31.932a1.3 1.3 0 0 0-1.007-.475h-2.13a2.429 2.429 0 0 0-.682 4.76l1.54.45a4.57 4.57 0 0 1 2.147 1.365l.597.677a7.7 7.7 0 0 0 5.428 2.596l.702.031a7.7 7.7 0 0 1 3.385.953M39.948 20.399c0-.72.548-1.323 1.265-1.39l4.857-.451a2.134 2.134 0 1 1-.243 4.212l-4.772-1.006a1.395 1.395 0 0 1-1.108-1.365m13.975.231a2.2 2.2 0 0 0 .03 3.402l5.041 4.065a1.355 1.355 0 0 0 1.944-1.856l-3.83-5.223a2.2 2.2 0 0 0-3.185-.388"/></g></svg>

Globe North America Duo アイコンの使い方

React

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

<Icon icon="glyphs:globe-north-america-duo" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:globe-north-america-duo" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:globe-north-america-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--globe-north-america-duo]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="glyphs:globe-north-america-duo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/globe-north-america-duo.svg" alt="Globe North America Duo アイコン" width="24" height="24">

Glyphs の関連アイコン

Globe North America Duo アイコンのよくある質問

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

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

React で Globe North America Duo アイコンを使うには?

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

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

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

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