World アイコン

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

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

token:world

World アイコン(token:world)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.513 4.203A8.8 8.8 0 0 0 12 3Q9.555 3 7.487 4.203a8.97 8.97 0 0 0-3.284 3.284A8.8 8.8 0 0 0 3 12q0 2.445 1.203 4.512a8.97 8.97 0 0 0 3.284 3.285A8.8 8.8 0 0 0 12 21q2.445 0 4.512-1.203a8.97 8.97 0 0 0 3.285-3.285A8.8 8.8 0 0 0 21 12q0-2.445-1.203-4.513a8.97 8.97 0 0 0-3.285-3.284M12.55 15.26c-1.027 0-1.83-.3-2.456-.877a2.74 2.74 0 0 1-.828-1.454h9.727c-.1.827-.35 1.604-.701 2.331h-5.741m-3.284-4.161a2.84 2.84 0 0 1 .828-1.455c.626-.576 1.429-.877 2.457-.877h5.74c.377.727.602 1.504.702 2.332zM5.908 8.415a7 7 0 0 1 2.557-2.582a6.94 6.94 0 0 1 3.56-.953a6.94 6.94 0 0 1 3.56.953a7.3 7.3 0 0 1 1.48 1.153h-4.539c-1.027 0-1.955.226-2.757.652a4.54 4.54 0 0 0-1.855 1.78a5.1 5.1 0 0 0-.602 1.705H5.081c.1-.953.4-1.856.877-2.683zm9.652 9.752a6.94 6.94 0 0 1-3.56.953a6.94 6.94 0 0 1-3.56-.953a7 7 0 0 1-2.557-2.582a6.7 6.7 0 0 1-.877-2.657h2.23a5.2 5.2 0 0 0 .602 1.704c.452.752 1.078 1.329 1.856 1.78c.802.426 1.73.652 2.757.652h4.513a6.8 6.8 0 0 1-1.43 1.103z"/></svg>

World アイコンの使い方

React

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

<Icon icon="token:world" width="24" />

Vue

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

<template>
  <Icon icon="token:world" width="24" />
</template>

Svelte

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

<Icon icon="token:world" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--world]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:world"></div>

Web コンポーネント

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

<iconify-icon icon="token:world"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/world.svg" alt="World アイコン" width="24" height="24">

他のアイコンセットの World アイコン

World アイコンのよくある質問

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

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

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

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

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

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

Web3 Icons をすべて見る →