Tether アイコン
thesvg-color:tether
Tether アイコン(thesvg-color:tether)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 339 × 295 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 339 × 295
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="339" height="295" viewBox="0 0 339 295"><path fill="#50af95" fill-rule="evenodd" d="m62.15 1.45l-61.89 130a2.52 2.52 0 0 0 .54 2.94l167.15 160.17a2.55 2.55 0 0 0 3.53 0L338.63 134.4a2.52 2.52 0 0 0 .54-2.94l-61.89-130A2.5 2.5 0 0 0 275 0H64.45a2.5 2.5 0 0 0-2.3 1.45"/><path fill="#fff" fill-rule="evenodd" d="M191.19 144.8c-1.2.09-7.4.46-21.23.46c-11 0-18.81-.33-21.55-.46c-42.51-1.87-74.24-9.27-74.24-18.13s31.73-16.25 74.24-18.15v28.91c2.78.2 10.74.67 21.74.67c13.2 0 19.81-.55 21-.66v-28.9c42.42 1.89 74.08 9.29 74.08 18.13s-31.65 16.24-74.08 18.12Zm0-39.25V79.68h59.2V40.23H89.21v39.45h59.19v25.86c-48.11 2.21-84.29 11.74-84.29 23.16s36.18 20.94 84.29 23.16v82.9h42.78v-82.93c48-2.21 84.12-11.73 84.12-23.14s-36.09-20.93-84.12-23.15Zm0 0"/></svg>Tether アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tether" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tether" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tether" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tether]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tether"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tether"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/tether.svg" alt="Tether アイコン" width="24" height="24">他のアイコンセットの Tether アイコン
Tether アイコン のよくある質問
Tether アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tether アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:tether" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tether アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/tether.svg" alt="Tether アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。