tko from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.

Name
tko
Set
Web3 Icons
Style
Mono
Viewbox
24×24
License
MIT

The same logo in other sets

Use the tko logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M15.05 6.08c-.737-.521-1.125-1.565-.61-2.305c.435-.624 1.252-.878 1.908-.494c2.473 1.448 4.123 4.034 4.123 7.127a8.474 8.474 0 0 1-6.883 8.322v.677a1.587 1.587 0 1 1-3.177 0v-.677a8.47 8.47 0 0 1-6.882-8.323c0-3.134 1.7-5.788 4.23-7.232c.664-.379 1.482-.114 1.913.517c.519.76.104 1.822-.656 2.34a5.29 5.29 0 0 0-2.31 4.376a5.3 5.3 0 0 0 3.705 5.051v-1.346a1.589 1.589 0 0 1 3.177 0v1.346a5.297 5.297 0 0 0 1.461-9.38m-1.462 4.332a1.588 1.588 0 1 1-3.176 0a1.588 1.588 0 0 1 3.176 0"/><path d="M12 21a1.59 1.59 0 0 0 1.589-1.588v-.676c3.92-.74 6.882-4.17 6.882-8.285a8.49 8.49 0 0 0-4.025-7.223c-.7-.432-1.585-.14-2.033.549c-.509.784-.089 1.849.672 2.392a5.25 5.25 0 0 1 2.21 4.282c0 2.359-1.558 4.348-3.706 5.017V14.12A1.59 1.59 0 0 0 12 12.53zm0-8.998a1.588 1.588 0 0 0 0-3.177z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenTko(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M15.05 6.08c-.737-.521-1.125-1.565-.61-2.305c.435-.624 1.252-.878 1.908-.494c2.473 1.448 4.123 4.034 4.123 7.127a8.474 8.474 0 0 1-6.883 8.322v.677a1.587 1.587 0 1 1-3.177 0v-.677a8.47 8.47 0 0 1-6.882-8.323c0-3.134 1.7-5.788 4.23-7.232c.664-.379 1.482-.114 1.913.517c.519.76.104 1.822-.656 2.34a5.29 5.29 0 0 0-2.31 4.376a5.3 5.3 0 0 0 3.705 5.051v-1.346a1.589 1.589 0 0 1 3.177 0v1.346a5.297 5.297 0 0 0 1.461-9.38m-1.462 4.332a1.588 1.588 0 1 1-3.176 0a1.588 1.588 0 0 1 3.176 0"/><path d="M12 21a1.59 1.59 0 0 0 1.589-1.588v-.676c3.92-.74 6.882-4.17 6.882-8.285a8.49 8.49 0 0 0-4.025-7.223c-.7-.432-1.585-.14-2.033.549c-.509.784-.089 1.849.672 2.392a5.25 5.25 0 0 1 2.21 4.282c0 2.359-1.558 4.348-3.706 5.017V14.12A1.59 1.59 0 0 0 12 12.53zm0-8.998a1.588 1.588 0 0 0 0-3.177z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M15.05 6.08c-.737-.521-1.125-1.565-.61-2.305c.435-.624 1.252-.878 1.908-.494c2.473 1.448 4.123 4.034 4.123 7.127a8.474 8.474 0 0 1-6.883 8.322v.677a1.587 1.587 0 1 1-3.177 0v-.677a8.47 8.47 0 0 1-6.882-8.323c0-3.134 1.7-5.788 4.23-7.232c.664-.379 1.482-.114 1.913.517c.519.76.104 1.822-.656 2.34a5.29 5.29 0 0 0-2.31 4.376a5.3 5.3 0 0 0 3.705 5.051v-1.346a1.589 1.589 0 0 1 3.177 0v1.346a5.297 5.297 0 0 0 1.461-9.38m-1.462 4.332a1.588 1.588 0 1 1-3.176 0a1.588 1.588 0 0 1 3.176 0"/><path d="M12 21a1.59 1.59 0 0 0 1.589-1.588v-.676c3.92-.74 6.882-4.17 6.882-8.285a8.49 8.49 0 0 0-4.025-7.223c-.7-.432-1.585-.14-2.033.549c-.509.784-.089 1.849.672 2.392a5.25 5.25 0 0 1 2.21 4.282c0 2.359-1.558 4.348-3.706 5.017V14.12A1.59 1.59 0 0 0 12 12.53zm0-8.998a1.588 1.588 0 0 0 0-3.177z"/></g></svg>
</template>

CSS

.icon-tko {
  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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M15.05%206.08c-.737-.521-1.125-1.565-.61-2.305c.435-.624%201.252-.878%201.908-.494c2.473%201.448%204.123%204.034%204.123%207.127a8.474%208.474%200%200%201-6.883%208.322v.677a1.587%201.587%200%201%201-3.177%200v-.677a8.47%208.47%200%200%201-6.882-8.323c0-3.134%201.7-5.788%204.23-7.232c.664-.379%201.482-.114%201.913.517c.519.76.104%201.822-.656%202.34a5.29%205.29%200%200%200-2.31%204.376a5.3%205.3%200%200%200%203.705%205.051v-1.346a1.589%201.589%200%200%201%203.177%200v1.346a5.297%205.297%200%200%200%201.461-9.38m-1.462%204.332a1.588%201.588%200%201%201-3.176%200a1.588%201.588%200%200%201%203.176%200%22%2F%3E%3Cpath%20d%3D%22M12%2021a1.59%201.59%200%200%200%201.589-1.588v-.676c3.92-.74%206.882-4.17%206.882-8.285a8.49%208.49%200%200%200-4.025-7.223c-.7-.432-1.585-.14-2.033.549c-.509.784-.089%201.849.672%202.392a5.25%205.25%200%200%201%202.21%204.282c0%202.359-1.558%204.348-3.706%205.017V14.12A1.59%201.59%200%200%200%2012%2012.53zm0-8.998a1.588%201.588%200%200%200%200-3.177z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M15.05%206.08c-.737-.521-1.125-1.565-.61-2.305c.435-.624%201.252-.878%201.908-.494c2.473%201.448%204.123%204.034%204.123%207.127a8.474%208.474%200%200%201-6.883%208.322v.677a1.587%201.587%200%201%201-3.177%200v-.677a8.47%208.47%200%200%201-6.882-8.323c0-3.134%201.7-5.788%204.23-7.232c.664-.379%201.482-.114%201.913.517c.519.76.104%201.822-.656%202.34a5.29%205.29%200%200%200-2.31%204.376a5.3%205.3%200%200%200%203.705%205.051v-1.346a1.589%201.589%200%200%201%203.177%200v1.346a5.297%205.297%200%200%200%201.461-9.38m-1.462%204.332a1.588%201.588%200%201%201-3.176%200a1.588%201.588%200%200%201%203.176%200%22%2F%3E%3Cpath%20d%3D%22M12%2021a1.59%201.59%200%200%200%201.589-1.588v-.676c3.92-.74%206.882-4.17%206.882-8.285a8.49%208.49%200%200%200-4.025-7.223c-.7-.432-1.585-.14-2.033.549c-.509.784-.089%201.849.672%202.392a5.25%205.25%200%200%201%202.21%204.282c0%202.359-1.558%204.348-3.706%205.017V14.12A1.59%201.59%200%200%200%2012%2012.53zm0-8.998a1.588%201.588%200%200%200%200-3.177z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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