tko logo
tko-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- tko-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
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="none"><g clip-path="url(#SVGHcSWxdhd167)"><path fill="#17a84b" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M14.71 6.737c-.655-.462-1-1.39-.541-2.048c.386-.554 1.112-.78 1.696-.439c2.197 1.287 3.664 3.586 3.664 6.334a7.53 7.53 0 0 1-6.118 7.398v.602a1.411 1.411 0 1 1-2.823 0v-.602a7.53 7.53 0 0 1-6.118-7.398c0-2.786 1.511-5.145 3.76-6.429c.59-.336 1.317-.1 1.7.46c.461.675.092 1.62-.582 2.08a4.7 4.7 0 0 0-2.055 3.89a4.71 4.71 0 0 0 3.295 4.49v-1.197a1.412 1.412 0 1 1 2.823 0v1.196a4.708 4.708 0 0 0 1.3-8.337m-1.299 3.851a1.411 1.411 0 1 1-2.822 0a1.411 1.411 0 0 1 2.822 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M12 20a1.41 1.41 0 0 0 1.412-1.412v-.6c3.484-.659 6.118-3.707 6.118-7.365a7.55 7.55 0 0 0-3.579-6.42c-.622-.385-1.408-.125-1.807.488c-.452.696-.079 1.643.598 2.126a4.67 4.67 0 0 1 1.964 3.806a4.675 4.675 0 0 1-3.294 4.46v-1.2A1.41 1.41 0 0 0 12 12.473zm0-7.998a1.412 1.412 0 0 0 0-2.824z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd167"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTkoBackground(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd167)"><path fill="#17a84b" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M14.71 6.737c-.655-.462-1-1.39-.541-2.048c.386-.554 1.112-.78 1.696-.439c2.197 1.287 3.664 3.586 3.664 6.334a7.53 7.53 0 0 1-6.118 7.398v.602a1.411 1.411 0 1 1-2.823 0v-.602a7.53 7.53 0 0 1-6.118-7.398c0-2.786 1.511-5.145 3.76-6.429c.59-.336 1.317-.1 1.7.46c.461.675.092 1.62-.582 2.08a4.7 4.7 0 0 0-2.055 3.89a4.71 4.71 0 0 0 3.295 4.49v-1.197a1.412 1.412 0 1 1 2.823 0v1.196a4.708 4.708 0 0 0 1.3-8.337m-1.299 3.851a1.411 1.411 0 1 1-2.822 0a1.411 1.411 0 0 1 2.822 0" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M12 20a1.41 1.41 0 0 0 1.412-1.412v-.6c3.484-.659 6.118-3.707 6.118-7.365a7.55 7.55 0 0 0-3.579-6.42c-.622-.385-1.408-.125-1.807.488c-.452.696-.079 1.643.598 2.126a4.67 4.67 0 0 1 1.964 3.806a4.675 4.675 0 0 1-3.294 4.46v-1.2A1.41 1.41 0 0 0 12 12.473zm0-7.998a1.412 1.412 0 0 0 0-2.824z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd167"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd167)"><path fill="#17a84b" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M14.71 6.737c-.655-.462-1-1.39-.541-2.048c.386-.554 1.112-.78 1.696-.439c2.197 1.287 3.664 3.586 3.664 6.334a7.53 7.53 0 0 1-6.118 7.398v.602a1.411 1.411 0 1 1-2.823 0v-.602a7.53 7.53 0 0 1-6.118-7.398c0-2.786 1.511-5.145 3.76-6.429c.59-.336 1.317-.1 1.7.46c.461.675.092 1.62-.582 2.08a4.7 4.7 0 0 0-2.055 3.89a4.71 4.71 0 0 0 3.295 4.49v-1.197a1.412 1.412 0 1 1 2.823 0v1.196a4.708 4.708 0 0 0 1.3-8.337m-1.299 3.851a1.411 1.411 0 1 1-2.822 0a1.411 1.411 0 0 1 2.822 0" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M12 20a1.41 1.41 0 0 0 1.412-1.412v-.6c3.484-.659 6.118-3.707 6.118-7.365a7.55 7.55 0 0 0-3.579-6.42c-.622-.385-1.408-.125-1.807.488c-.452.696-.079 1.643.598 2.126a4.67 4.67 0 0 1 1.964 3.806a4.675 4.675 0 0 1-3.294 4.46v-1.2A1.41 1.41 0 0 0 12 12.473zm0-7.998a1.412 1.412 0 0 0 0-2.824z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd167"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-tko-background {
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%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd167)%22%3E%3Cpath%20fill%3D%22%2317a84b%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.71%206.737c-.655-.462-1-1.39-.541-2.048c.386-.554%201.112-.78%201.696-.439c2.197%201.287%203.664%203.586%203.664%206.334a7.53%207.53%200%200%201-6.118%207.398v.602a1.411%201.411%200%201%201-2.823%200v-.602a7.53%207.53%200%200%201-6.118-7.398c0-2.786%201.511-5.145%203.76-6.429c.59-.336%201.317-.1%201.7.46c.461.675.092%201.62-.582%202.08a4.7%204.7%200%200%200-2.055%203.89a4.71%204.71%200%200%200%203.295%204.49v-1.197a1.412%201.412%200%201%201%202.823%200v1.196a4.708%204.708%200%200%200%201.3-8.337m-1.299%203.851a1.411%201.411%200%201%201-2.822%200a1.411%201.411%200%200%201%202.822%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020a1.41%201.41%200%200%200%201.412-1.412v-.6c3.484-.659%206.118-3.707%206.118-7.365a7.55%207.55%200%200%200-3.579-6.42c-.622-.385-1.408-.125-1.807.488c-.452.696-.079%201.643.598%202.126a4.67%204.67%200%200%201%201.964%203.806a4.675%204.675%200%200%201-3.294%204.46v-1.2A1.41%201.41%200%200%200%2012%2012.473zm0-7.998a1.412%201.412%200%200%200%200-2.824z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd167%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd167)%22%3E%3Cpath%20fill%3D%22%2317a84b%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.71%206.737c-.655-.462-1-1.39-.541-2.048c.386-.554%201.112-.78%201.696-.439c2.197%201.287%203.664%203.586%203.664%206.334a7.53%207.53%200%200%201-6.118%207.398v.602a1.411%201.411%200%201%201-2.823%200v-.602a7.53%207.53%200%200%201-6.118-7.398c0-2.786%201.511-5.145%203.76-6.429c.59-.336%201.317-.1%201.7.46c.461.675.092%201.62-.582%202.08a4.7%204.7%200%200%200-2.055%203.89a4.71%204.71%200%200%200%203.295%204.49v-1.197a1.412%201.412%200%201%201%202.823%200v1.196a4.708%204.708%200%200%200%201.3-8.337m-1.299%203.851a1.411%201.411%200%201%201-2.822%200a1.411%201.411%200%200%201%202.822%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2020a1.41%201.41%200%200%200%201.412-1.412v-.6c3.484-.659%206.118-3.707%206.118-7.365a7.55%207.55%200%200%200-3.579-6.42c-.622-.385-1.408-.125-1.807.488c-.452.696-.079%201.643.598%202.126a4.67%204.67%200%200%201%201.964%203.806a4.675%204.675%200%200%201-3.294%204.46v-1.2A1.41%201.41%200%200%200%2012%2012.473zm0-7.998a1.412%201.412%200%200%200%200-2.824z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd167%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/tko-background.svg?color=%231a73e8&size=48
