Dot アイコン

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

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

token:dot

Dot アイコン(token:dot)は、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="M15.172 4.853c0 1.022-1.424 1.853-3.177 1.853c-1.752 0-3.176-.831-3.176-1.853S10.249 3 11.995 3c1.748 0 3.177.831 3.177 1.853m0 14.294c0 1.022-1.424 1.853-3.177 1.853c-1.752 0-3.176-.831-3.176-1.853s1.43-1.853 3.176-1.853c1.748 0 3.177.831 3.177 1.853M7.416 9.432c.9-1.55.905-3.23.021-3.737c-.89-.514-2.33.333-3.23 1.884c-.9 1.552-.9 3.23-.02 3.738c.89.508 2.33-.334 3.23-1.885m12.378 3.246c.89.503.884 2.149-.01 3.674c-.9 1.524-2.346 2.35-3.23 1.847c-.895-.503-.89-2.15.005-3.674c.9-1.524 2.345-2.35 3.235-1.847M7.443 18.21c.889-.503.884-2.15-.016-3.674c-.895-1.525-2.34-2.35-3.23-1.848c-.894.508-.89 2.15.01 3.674c.896 1.525 2.34 2.356 3.23 1.853zm12.35-10.625c.9 1.55.9 3.224.017 3.732c-.884.514-2.33-.328-3.23-1.885c-.89-1.55-.9-3.224-.016-3.732c.89-.514 2.33.328 3.23 1.885"/></svg>

Dot アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →