ICONYZ
日本語
Web3 Icons の Swissborg アイコン

Swissborg アイコン

token:swissborg

Swissborg アイコン(token:swissborg)は、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" fill-rule="evenodd" d="m14.146 3l-1.477.838v7.118l.807.458v-5.42l2.768 1.57h.002l.538.304l.449-.253v-.428l-3.757-2.13v-.74l.67-.381l3.89 2.209V8.11L16.17 9.165l-.063-.031a.8.8 0 0 0-.35-.085a.81.81 0 0 0-.806.817c0 .45.361.816.806.816a.805.805 0 0 0 .797-.733l.008-.07l1.884-1.064l1.749.992v4.391l-1.75.993l-7.113-4.04V3.839L9.854 3L5.157 5.666V8.1L3 9.323v5.348l2.157 1.225v2.438L9.854 21l1.477-.838v-7.134l-.807-.457v5.436l-3.308-1.875l-.449.253v.428l3.757 2.13v.74l-.67.381l-3.89-2.209V15.89l1.867-1.054l.063.031a.8.8 0 0 0 .35.085a.81.81 0 0 0 .806-.817a.81.81 0 0 0-.806-.816a.806.806 0 0 0-.798.733l-.006.07l-1.886 1.064l-1.748-.992V9.802l1.75-.993l7.113 4.039v7.314l1.477.838l4.697-2.666V15.9L21 14.677V9.33l-2.157-1.225V5.666zM5.963 6.145l3.891-2.209l.67.38v.741l-4.56 2.585zm.419 2.197l4.142-2.35v4.702zm7.094 4.964l4.142 2.353l-4.142 2.348zm0 6.377v-.74l4.56-2.586v1.498l-3.89 2.209z" clip-rule="evenodd"/></svg>

Swissborg アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →