ICONYZ
日本語
Stash Icons の Globe Duotone アイコン

Globe Duotone アイコン

stash:globe-duotone

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

アイコンセット
Stash Icons
作者
Pingback LLC
ライセンス
MIT
サイズ
24 × 24
タグ
globeduotone
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12 3.947a8.053 8.053 0 1 0 0 16.106a8.053 8.053 0 0 0 0-16.106M2.526 12a9.474 9.474 0 1 1 18.948 0a9.474 9.474 0 0 1-18.948 0"/><path d="M8.984 4.531A8 8 0 0 1 12 3.947a8 8 0 0 1 3.016.584c.349.38.666.822.945 1.306c.522.906.93 1.99 1.194 3.191q.624.156 1.166.348c.566.2 1.074.432 1.499.695q.169.684.216 1.408a2 2 0 0 0-.309-.314c-.382-.319-.962-.627-1.722-.895q-.315-.112-.663-.211a15.5 15.5 0 0 1 .062 3.865q.315-.092.601-.194c.76-.268 1.34-.576 1.722-.895q.194-.164.309-.314q-.047.724-.216 1.408a8 8 0 0 1-1.5.695a13 13 0 0 1-1.065.322c-.254 1.4-.701 2.66-1.294 3.69a8 8 0 0 1-.358.568c-.6.3-1.242.528-1.915.671c.528-.39 1.022-.965 1.452-1.712c.479-.83.86-1.848 1.105-2.99c-1.138.218-2.418.35-3.771.375v4.49a8 8 0 0 1-.948 0v-4.49a22.4 22.4 0 0 1-3.771-.376c.244 1.143.626 2.16 1.105 2.991c.43.747.924 1.322 1.452 1.712a8 8 0 0 1-1.915-.671a8 8 0 0 1-.358-.568c-.593-1.03-1.04-2.29-1.294-3.69a13 13 0 0 1-1.066-.322a8 8 0 0 1-1.5-.695a8 8 0 0 1-.215-1.408q.114.15.309.314c.382.319.962.627 1.722.895q.286.102.601.193a15.5 15.5 0 0 1 .062-3.864q-.348.099-.663.21c-.76.269-1.34.577-1.722.896q-.195.164-.31.314q.049-.724.217-1.408a8 8 0 0 1 1.5-.695q.541-.191 1.165-.348c.264-1.2.672-2.285 1.194-3.19a7.4 7.4 0 0 1 .945-1.307m6.156 1.78c.408.708.746 1.553.988 2.495a22.5 22.5 0 0 0-3.654-.354V4.04c.978.191 1.918.972 2.666 2.27m1.204 3.503a21 21 0 0 0-3.87-.415V14.6c1.447-.028 2.792-.183 3.945-.43q.127-.932.128-1.934c0-.845-.071-1.659-.203-2.423M11.526 4.04v4.41a22.5 22.5 0 0 0-3.655.355c.243-.942.58-1.787.989-2.496c.747-1.297 1.688-2.078 2.666-2.27m0 5.358a21 21 0 0 0-3.87.415a14.3 14.3 0 0 0-.203 2.423c0 .667.044 1.314.128 1.933c1.153.248 2.497.403 3.945.43z" opacity=".5"/></g></svg>

Globe Duotone アイコンの使い方

React

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

<Icon icon="stash:globe-duotone" width="24" />

Vue

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

<template>
  <Icon icon="stash:globe-duotone" width="24" />
</template>

Svelte

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

<Icon icon="stash:globe-duotone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="stash:globe-duotone"></iconify-icon>

HTML 画像

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

Stash Icons の関連アイコン

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

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

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

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

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

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

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

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

Stash Icons をすべて見る →