magic tether icon

magic-tether from Material Symbols by Google · Regular · Apache-2.0 Free for personal and commercial use.

Name: magic-tether
Set: Material Symbols
Style: Regular
Viewbox: 24×24
License: Apache 2.0
Aliases: magic-tether-sharp

1 other variant in Material Symbols

Related icons in Material Symbols

Use the magic tether icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.35 15.35l-2.1-2.125q1.475-1.475 3.463-2.35T12 10q2.3 0 4.288.863t3.462 2.362l-2.1 2.125q-1.1-1.1-2.55-1.725T12 13q-1.65 0-3.1.625T6.35 15.35ZM2.125 11.1L0 8.975q2.3-2.35 5.375-3.663T12 4q3.55 0 6.625 1.313T24 8.974L21.875 11.1q-1.925-1.925-4.45-3.013T12 7Q9.1 7 6.575 8.088T2.125 11.1ZM12 22l-1.25-2.75L8 18l2.75-1.25L12 14l1.25 2.75L16 18l-2.75 1.25L12 22Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsMagicTether(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="m6.35 15.35l-2.1-2.125q1.475-1.475 3.463-2.35T12 10q2.3 0 4.288.863t3.462 2.362l-2.1 2.125q-1.1-1.1-2.55-1.725T12 13q-1.65 0-3.1.625T6.35 15.35ZM2.125 11.1L0 8.975q2.3-2.35 5.375-3.663T12 4q3.55 0 6.625 1.313T24 8.974L21.875 11.1q-1.925-1.925-4.45-3.013T12 7Q9.1 7 6.575 8.088T2.125 11.1ZM12 22l-1.25-2.75L8 18l2.75-1.25L12 14l1.25 2.75L16 18l-2.75 1.25L12 22Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.35 15.35l-2.1-2.125q1.475-1.475 3.463-2.35T12 10q2.3 0 4.288.863t3.462 2.362l-2.1 2.125q-1.1-1.1-2.55-1.725T12 13q-1.65 0-3.1.625T6.35 15.35ZM2.125 11.1L0 8.975q2.3-2.35 5.375-3.663T12 4q3.55 0 6.625 1.313T24 8.974L21.875 11.1q-1.925-1.925-4.45-3.013T12 7Q9.1 7 6.575 8.088T2.125 11.1ZM12 22l-1.25-2.75L8 18l2.75-1.25L12 14l1.25 2.75L16 18l-2.75 1.25L12 22Z"/></svg>
</template>

CSS

.icon-magic-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%22m6.35%2015.35l-2.1-2.125q1.475-1.475%203.463-2.35T12%2010q2.3%200%204.288.863t3.462%202.362l-2.1%202.125q-1.1-1.1-2.55-1.725T12%2013q-1.65%200-3.1.625T6.35%2015.35ZM2.125%2011.1L0%208.975q2.3-2.35%205.375-3.663T12%204q3.55%200%206.625%201.313T24%208.974L21.875%2011.1q-1.925-1.925-4.45-3.013T12%207Q9.1%207%206.575%208.088T2.125%2011.1ZM12%2022l-1.25-2.75L8%2018l2.75-1.25L12%2014l1.25%202.75L16%2018l-2.75%201.25L12%2022Z%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%22m6.35%2015.35l-2.1-2.125q1.475-1.475%203.463-2.35T12%2010q2.3%200%204.288.863t3.462%202.362l-2.1%202.125q-1.1-1.1-2.55-1.725T12%2013q-1.65%200-3.1.625T6.35%2015.35ZM2.125%2011.1L0%208.975q2.3-2.35%205.375-3.663T12%204q3.55%200%206.625%201.313T24%208.974L21.875%2011.1q-1.925-1.925-4.45-3.013T12%207Q9.1%207%206.575%208.088T2.125%2011.1ZM12%2022l-1.25-2.75L8%2018l2.75-1.25L12%2014l1.25%202.75L16%2018l-2.75%201.25L12%2022Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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