Иконка Tether
thesvg-color:tether
Иконка Tether (thesvg-color:tether) — бесплатная SVG-иконка из набора theSVG Color от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Tether в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:tether" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Tether на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/tether.svg" alt="Иконка Tether">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.