Tezos アイコン
thesvg-color:tezos
Tezos アイコン(thesvg-color:tezos)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 47 × 64 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 47 × 64
- タグ
- tezo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="47" height="64" viewBox="0 0 47 64"><path fill="#2c7df7" d="M30.252 63.441q-6.824 0-9.946-3.267q-3.12-3.266-3.121-7.041q0-1.38.544-2.323a4 4 0 0 1 1.489-1.489q.943-.544 2.323-.544t2.323.544q.944.545 1.488 1.489q.544.943.544 2.323q0 1.67-.798 2.722q-.8 1.052-1.888 1.38q.945 1.305 2.977 1.85q2.033.581 4.065.581q2.83 0 5.118-1.524q2.286-1.525 3.376-4.501t1.089-6.752q0-4.102-1.198-7.005q-1.162-2.94-3.449-4.356a9.2 9.2 0 0 0-4.936-1.415q-1.742 0-4.356 1.452l-3.194 1.597v-1.597L37.076 16.4H17.185v19.89q0 2.469 1.089 4.066c1.089 1.597 1.839 1.597 3.34 1.597q1.74 0 3.339-1.162a11.8 11.8 0 0 0 2.758-2.83q.145-.328.363-.473a.72.72 0 0 1 .472-.181q.399 0 .944.4q.508.58.508 1.342a9 9 0 0 1-.182 1.017q-1.233 2.758-3.412 4.21a8.46 8.46 0 0 1-4.79 1.452q-6.462 0-8.93-2.54q-2.468-2.542-2.468-6.897V16.4H.052v-3.703h10.164v-8.42L7.893 1.952V.066h6.751l2.54 1.306v11.325l26.28-.072l2.614 2.613l-16.116 16.116a10.8 10.8 0 0 1 3.049-.726q2.613 0 5.88 1.67q3.303 1.634 5.081 4.5q1.779 2.832 2.287 5.445q.545 2.614.545 4.646q0 4.646-1.96 8.64q-1.96 3.992-5.953 5.952t-8.639 1.96"/></svg>Tezos アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tezos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tezos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tezos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tezos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tezos"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tezos"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/tezos.svg" alt="Tezos アイコン" width="24" height="24">Tezos アイコン のよくある質問
Tezos アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tezos アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:tezos" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tezos アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/tezos.svg" alt="Tezos アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。