Wise アイコン

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

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

token-branded:wise

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M6.407 7.215q-.002.02.018.022q3.126.15 5.54 2.116q.035.027.068 0a9.25 9.25 0 0 1 5.537-2.116q.035 0 .036-.036V4.825q0-.027.027-.027h.652c.014 0 .018.009.018.018v2.633q.001.338-.22.432a.6.6 0 0 1-.207.036c-2.278.045-4.231.842-5.856 2.381c-.014.014-.032.014-.045 0a8.52 8.52 0 0 0-5.86-2.38c-.28 0-.415-.145-.415-.428V4.82q.002-.02.023-.022h.643c.027 0 .045.013.045.045z"/><path fill="#fff" d="M12.002 11.315c.004 0 .009 0 .013-.009a7.7 7.7 0 0 1 5.582-2.687l.436-.027a.7.7 0 0 0 .257-.063c.45-.207.675-.567.675-1.09l-.009-1.233q0-.032.032-.031h.63q.034-.002.036.045c-.01.27-.01.54 0 .824c.004.342 0 .603-.027.77a1.7 1.7 0 0 1-.99 1.309q-.353.168-.644.167a8.8 8.8 0 0 0-2.305.36a6.97 6.97 0 0 0-3.677 2.826q-.017.027-.032 0a6.98 6.98 0 0 0-5.635-3.168a4 4 0 0 1-.698-.077a1.7 1.7 0 0 1-.922-.608a1.64 1.64 0 0 1-.37-1.035V6.206q0-.032.028-.031h.63q.032-.001.031.031v1.292c0 .248.063.468.203.662c.135.193.324.328.558.4c.099.032.27.045.513.05a7.68 7.68 0 0 1 5.649 2.687q.014.02.036.014z"/><path fill="#fff" d="M10.683 7.66a9 9 0 0 0-.873-.404q-.068-.034 0-.054a6.24 6.24 0 0 1 4.402.013c.014.018.014.027-.004.036c-.324.126-.63.27-.91.419a.17.17 0 0 1-.121.018a5.4 5.4 0 0 0-2.34 0a.22.22 0 0 1-.154-.027"/><path fill="#30a8b5" d="M12.025 13.868a6.1 6.1 0 0 1 2.097-2.746a6.13 6.13 0 0 1 3.579-1.215q.426-.013.63-.059a2.38 2.38 0 0 0 1.908-2.318c0-.018.01-.031.032-.031h.693q.035 0 .036.036a3.187 3.187 0 0 1-3.214 3.132a5.49 5.49 0 0 0-4.524 2.444a5.46 5.46 0 0 0-.873 2.643v.234c.01.04-.009.058-.045.058l-.702.005q-.013 0-.013-.014a5.6 5.6 0 0 0-.563-2.35a5.2 5.2 0 0 0-1.508-1.858a5.3 5.3 0 0 0-3.11-1.148a9 9 0 0 1-.779-.05a3.3 3.3 0 0 1-1.643-.81A3.17 3.17 0 0 1 3 7.544q0-.046.045-.045h.702q.035 0 .036.04a2.18 2.18 0 0 0 .621 1.575c.391.446.94.722 1.53.77q.134.015.41.023c.252.013.441.022.567.04a6.1 6.1 0 0 1 3.084 1.26a6.17 6.17 0 0 1 1.99 2.66q.02.056.04 0"/><path fill="#fff" d="M8.454 17.122a5.4 5.4 0 0 0 4.1 1.291a5.434 5.434 0 0 0 4.669-6.922q-.015-.046.031-.045l.698-.032q.026-.002.031.023a6.06 6.06 0 0 1-.121 3.542a6.03 6.03 0 0 1-2.044 2.899a6.08 6.08 0 0 1-3.57 1.319a6 6 0 0 1-3.65-1.022a6.22 6.22 0 0 1-2.574-6.738q0-.027.027-.027l.693.036q.054 0 .04.054a5.46 5.46 0 0 0 1.666 5.622z"/><path fill="#fff" d="M9.135 12.508a.54.54 0 0 0-.351.356a.56.56 0 0 0 .045.495c.135.211.315.306.558.279a.56.56 0 0 0 .495-.383c.009-.022.018-.022.036-.004q.223.289.419.639c.013.022.013.045-.01.063a1.4 1.4 0 0 1-.769.428a1.23 1.23 0 0 1-.855-.145a1.29 1.29 0 0 1-.689-1.314q.04-.506.432-.878c.014-.018.032-.018.054-.009c.225.126.441.27.64.432q.034.026-.005.045zm5.748 0c-.04-.018-.045-.04-.005-.063l.603-.405q.035-.027.068 0c.383.337.527.752.441 1.251a1.26 1.26 0 0 1-.846 1.018c-.522.202-1 .094-1.44-.316c-.046-.045-.046-.09-.019-.135q.19-.33.401-.607q.022-.028.036.004q.18.44.64.378q.458-.066.485-.53q.027-.405-.364-.595"/></g></svg>

Wise アイコンの使い方

React

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

<Icon icon="token-branded:wise" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:wise" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:wise" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token-branded:wise"></iconify-icon>

HTML 画像

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

Web3 Icons Branded の関連アイコン

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

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

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

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

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

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

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

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

Web3 Icons Branded アイコンをすべて見る →