tether logo

tether from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
tether
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the tether logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.754 10.518c0 .625-2.238 1.148-5.238 1.28l.002.001a23 23 0 0 1-1.5.033c-.779 0-1.33-.023-1.524-.032c-3.006-.133-5.25-.656-5.25-1.282s2.244-1.15 5.25-1.284v2.044c.196.015.759.048 1.537.048c.933 0 1.4-.04 1.485-.047V9.236c3 .133 5.238.657 5.238 1.282m5.19.546L12.124 22.39a.18.18 0 0 1-.249 0L.056 11.064a.18.18 0 0 1-.038-.208l4.376-9.192a.18.18 0 0 1 .163-.103h14.888a.18.18 0 0 1 .16.103l4.377 9.192a.18.18 0 0 1-.038.208m-4.478-.404c0-.806-2.552-1.48-5.947-1.637V7.195h4.186v-2.79H6.308v2.79h4.185v1.829c-3.402.156-5.96.83-5.96 1.637c0 .808 2.558 1.48 5.96 1.638v5.862h3.025v-5.864c3.394-.157 5.948-.83 5.948-1.637"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsTether(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.754 10.518c0 .625-2.238 1.148-5.238 1.28l.002.001a23 23 0 0 1-1.5.033c-.779 0-1.33-.023-1.524-.032c-3.006-.133-5.25-.656-5.25-1.282s2.244-1.15 5.25-1.284v2.044c.196.015.759.048 1.537.048c.933 0 1.4-.04 1.485-.047V9.236c3 .133 5.238.657 5.238 1.282m5.19.546L12.124 22.39a.18.18 0 0 1-.249 0L.056 11.064a.18.18 0 0 1-.038-.208l4.376-9.192a.18.18 0 0 1 .163-.103h14.888a.18.18 0 0 1 .16.103l4.377 9.192a.18.18 0 0 1-.038.208m-4.478-.404c0-.806-2.552-1.48-5.947-1.637V7.195h4.186v-2.79H6.308v2.79h4.185v1.829c-3.402.156-5.96.83-5.96 1.637c0 .808 2.558 1.48 5.96 1.638v5.862h3.025v-5.864c3.394-.157 5.948-.83 5.948-1.637"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.754 10.518c0 .625-2.238 1.148-5.238 1.28l.002.001a23 23 0 0 1-1.5.033c-.779 0-1.33-.023-1.524-.032c-3.006-.133-5.25-.656-5.25-1.282s2.244-1.15 5.25-1.284v2.044c.196.015.759.048 1.537.048c.933 0 1.4-.04 1.485-.047V9.236c3 .133 5.238.657 5.238 1.282m5.19.546L12.124 22.39a.18.18 0 0 1-.249 0L.056 11.064a.18.18 0 0 1-.038-.208l4.376-9.192a.18.18 0 0 1 .163-.103h14.888a.18.18 0 0 1 .16.103l4.377 9.192a.18.18 0 0 1-.038.208m-4.478-.404c0-.806-2.552-1.48-5.947-1.637V7.195h4.186v-2.79H6.308v2.79h4.185v1.829c-3.402.156-5.96.83-5.96 1.637c0 .808 2.558 1.48 5.96 1.638v5.862h3.025v-5.864c3.394-.157 5.948-.83 5.948-1.637"/></svg>
</template>

CSS

.icon-tether {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.754%2010.518c0%20.625-2.238%201.148-5.238%201.28l.002.001a23%2023%200%200%201-1.5.033c-.779%200-1.33-.023-1.524-.032c-3.006-.133-5.25-.656-5.25-1.282s2.244-1.15%205.25-1.284v2.044c.196.015.759.048%201.537.048c.933%200%201.4-.04%201.485-.047V9.236c3%20.133%205.238.657%205.238%201.282m5.19.546L12.124%2022.39a.18.18%200%200%201-.249%200L.056%2011.064a.18.18%200%200%201-.038-.208l4.376-9.192a.18.18%200%200%201%20.163-.103h14.888a.18.18%200%200%201%20.16.103l4.377%209.192a.18.18%200%200%201-.038.208m-4.478-.404c0-.806-2.552-1.48-5.947-1.637V7.195h4.186v-2.79H6.308v2.79h4.185v1.829c-3.402.156-5.96.83-5.96%201.637c0%20.808%202.558%201.48%205.96%201.638v5.862h3.025v-5.864c3.394-.157%205.948-.83%205.948-1.637%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.754%2010.518c0%20.625-2.238%201.148-5.238%201.28l.002.001a23%2023%200%200%201-1.5.033c-.779%200-1.33-.023-1.524-.032c-3.006-.133-5.25-.656-5.25-1.282s2.244-1.15%205.25-1.284v2.044c.196.015.759.048%201.537.048c.933%200%201.4-.04%201.485-.047V9.236c3%20.133%205.238.657%205.238%201.282m5.19.546L12.124%2022.39a.18.18%200%200%201-.249%200L.056%2011.064a.18.18%200%200%201-.038-.208l4.376-9.192a.18.18%200%200%201%20.163-.103h14.888a.18.18%200%200%201%20.16.103l4.377%209.192a.18.18%200%200%201-.038.208m-4.478-.404c0-.806-2.552-1.48-5.947-1.637V7.195h4.186v-2.79H6.308v2.79h4.185v1.829c-3.402.156-5.96.83-5.96%201.637c0%20.808%202.558%201.48%205.96%201.638v5.862h3.025v-5.864c3.394-.157%205.948-.83%205.948-1.637%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/tether.svg?color=%231a73e8&size=48