ttk logo
ttk-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ttk-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 ttk 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(#SVGHcSWxdhd123)"><path fill="url(#SVGsI1ijErQ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.416 16.54a7.96 7.96 0 0 1-1.402-4.88c.43.274.904.47 1.402.578zm4.232 3.106a8 8 0 0 1-2.187-1.059h1.717v.47h.47zm.942.229v-.818h.235v-.47h.235v-6.584h-.236v-.47h-.235v-.941h2.822v.94h-.235v.47h-.235v6.585h.235v.47h.235v.818a8 8 0 0 1-2.822 0m5.949-1.288a8 8 0 0 1-2.186 1.058v-.587h.47v-.47zm.635-6.113h-2.821v.94h.235v.47h.235v4.233h1.881v-4.232h.235v-.47h.235zm-7.524 0H6.827v.94h.235v.47h.235v4.233H9.18v-4.232h.235v-.47h.235zm8.464 4.679a7.96 7.96 0 0 0 1.858-5.737h-.01a.24.24 0 0 1-.24.112c-.47.217-1.09.475-1.608.475zm1.835-5.996a.234.234 0 0 0-.366-.018a.24.24 0 0 0-.057.126c-1.308-.132-2.21-.626-2.502-1.157a.236.236 0 0 0-.085-.456c-.235 0-.235.235-.235.235v.235h-2.351v-.705c1.128 0 2.036-.47 2.351-.706c-1.345.047-1.975-.48-2.22-.959a.47.47 0 1 0-.601-.451h-3.763a.471.471 0 1 0-.602.451a1.4 1.4 0 0 1-.367.484l-3.964-.413q.163-.27.348-.522h2.704l-2.394-.4a7.98 7.98 0 0 1 12.472.202l-3.024.433l3.48.216q.149.24.283.49h-2.822l3.038.432a8 8 0 0 1 .682 2.488z"/><path fill="#fff" d="M4.24 11.063a.23.23 0 0 0-.188.094c.094-.96.367-1.867.78-2.7l4.318-.22c-.54.46-1.373.526-1.853.474c.188.565 1.331.706 1.881.706v.705h-1.88v-.235a.235.235 0 1 0-.236.235c-.546.955-1.655 1.143-2.586 1.176a.235.235 0 0 0-.236-.235"/></g><defs><linearGradient id="SVGsI1ijErQ" x1="12" x2="12" y1="4.008" y2="19.997" gradientUnits="userSpaceOnUse"><stop offset=".71" stop-color="#c9af67"/><stop offset="1" stop-color="#a58c51"/></linearGradient><clipPath id="SVGHcSWxdhd123"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTtkBackground(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(#SVGHcSWxdhd123)"><path fill="url(#SVGsI1ijErQ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.416 16.54a7.96 7.96 0 0 1-1.402-4.88c.43.274.904.47 1.402.578zm4.232 3.106a8 8 0 0 1-2.187-1.059h1.717v.47h.47zm.942.229v-.818h.235v-.47h.235v-6.584h-.236v-.47h-.235v-.941h2.822v.94h-.235v.47h-.235v6.585h.235v.47h.235v.818a8 8 0 0 1-2.822 0m5.949-1.288a8 8 0 0 1-2.186 1.058v-.587h.47v-.47zm.635-6.113h-2.821v.94h.235v.47h.235v4.233h1.881v-4.232h.235v-.47h.235zm-7.524 0H6.827v.94h.235v.47h.235v4.233H9.18v-4.232h.235v-.47h.235zm8.464 4.679a7.96 7.96 0 0 0 1.858-5.737h-.01a.24.24 0 0 1-.24.112c-.47.217-1.09.475-1.608.475zm1.835-5.996a.234.234 0 0 0-.366-.018a.24.24 0 0 0-.057.126c-1.308-.132-2.21-.626-2.502-1.157a.236.236 0 0 0-.085-.456c-.235 0-.235.235-.235.235v.235h-2.351v-.705c1.128 0 2.036-.47 2.351-.706c-1.345.047-1.975-.48-2.22-.959a.47.47 0 1 0-.601-.451h-3.763a.471.471 0 1 0-.602.451a1.4 1.4 0 0 1-.367.484l-3.964-.413q.163-.27.348-.522h2.704l-2.394-.4a7.98 7.98 0 0 1 12.472.202l-3.024.433l3.48.216q.149.24.283.49h-2.822l3.038.432a8 8 0 0 1 .682 2.488z"/><path fill="#fff" d="M4.24 11.063a.23.23 0 0 0-.188.094c.094-.96.367-1.867.78-2.7l4.318-.22c-.54.46-1.373.526-1.853.474c.188.565 1.331.706 1.881.706v.705h-1.88v-.235a.235.235 0 1 0-.236.235c-.546.955-1.655 1.143-2.586 1.176a.235.235 0 0 0-.236-.235"/></g><defs><linearGradient id="SVGsI1ijErQ" x1="12" x2="12" y1="4.008" y2="19.997" gradientUnits="userSpaceOnUse"><stop offset=".71" stopColor="#c9af67"/><stop offset="1" stopColor="#a58c51"/></linearGradient><clipPath id="SVGHcSWxdhd123"><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(#SVGHcSWxdhd123)"><path fill="url(#SVGsI1ijErQ)" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.416 16.54a7.96 7.96 0 0 1-1.402-4.88c.43.274.904.47 1.402.578zm4.232 3.106a8 8 0 0 1-2.187-1.059h1.717v.47h.47zm.942.229v-.818h.235v-.47h.235v-6.584h-.236v-.47h-.235v-.941h2.822v.94h-.235v.47h-.235v6.585h.235v.47h.235v.818a8 8 0 0 1-2.822 0m5.949-1.288a8 8 0 0 1-2.186 1.058v-.587h.47v-.47zm.635-6.113h-2.821v.94h.235v.47h.235v4.233h1.881v-4.232h.235v-.47h.235zm-7.524 0H6.827v.94h.235v.47h.235v4.233H9.18v-4.232h.235v-.47h.235zm8.464 4.679a7.96 7.96 0 0 0 1.858-5.737h-.01a.24.24 0 0 1-.24.112c-.47.217-1.09.475-1.608.475zm1.835-5.996a.234.234 0 0 0-.366-.018a.24.24 0 0 0-.057.126c-1.308-.132-2.21-.626-2.502-1.157a.236.236 0 0 0-.085-.456c-.235 0-.235.235-.235.235v.235h-2.351v-.705c1.128 0 2.036-.47 2.351-.706c-1.345.047-1.975-.48-2.22-.959a.47.47 0 1 0-.601-.451h-3.763a.471.471 0 1 0-.602.451a1.4 1.4 0 0 1-.367.484l-3.964-.413q.163-.27.348-.522h2.704l-2.394-.4a7.98 7.98 0 0 1 12.472.202l-3.024.433l3.48.216q.149.24.283.49h-2.822l3.038.432a8 8 0 0 1 .682 2.488z"/><path fill="#fff" d="M4.24 11.063a.23.23 0 0 0-.188.094c.094-.96.367-1.867.78-2.7l4.318-.22c-.54.46-1.373.526-1.853.474c.188.565 1.331.706 1.881.706v.705h-1.88v-.235a.235.235 0 1 0-.236.235c-.546.955-1.655 1.143-2.586 1.176a.235.235 0 0 0-.236-.235"/></g><defs><linearGradient id="SVGsI1ijErQ" x1="12" x2="12" y1="4.008" y2="19.997" gradientUnits="userSpaceOnUse"><stop offset=".71" stop-color="#c9af67"/><stop offset="1" stop-color="#a58c51"/></linearGradient><clipPath id="SVGHcSWxdhd123"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ttk-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(%23SVGHcSWxdhd123)%22%3E%3Cpath%20fill%3D%22url(%23SVGsI1ijErQ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.416%2016.54a7.96%207.96%200%200%201-1.402-4.88c.43.274.904.47%201.402.578zm4.232%203.106a8%208%200%200%201-2.187-1.059h1.717v.47h.47zm.942.229v-.818h.235v-.47h.235v-6.584h-.236v-.47h-.235v-.941h2.822v.94h-.235v.47h-.235v6.585h.235v.47h.235v.818a8%208%200%200%201-2.822%200m5.949-1.288a8%208%200%200%201-2.186%201.058v-.587h.47v-.47zm.635-6.113h-2.821v.94h.235v.47h.235v4.233h1.881v-4.232h.235v-.47h.235zm-7.524%200H6.827v.94h.235v.47h.235v4.233H9.18v-4.232h.235v-.47h.235zm8.464%204.679a7.96%207.96%200%200%200%201.858-5.737h-.01a.24.24%200%200%201-.24.112c-.47.217-1.09.475-1.608.475zm1.835-5.996a.234.234%200%200%200-.366-.018a.24.24%200%200%200-.057.126c-1.308-.132-2.21-.626-2.502-1.157a.236.236%200%200%200-.085-.456c-.235%200-.235.235-.235.235v.235h-2.351v-.705c1.128%200%202.036-.47%202.351-.706c-1.345.047-1.975-.48-2.22-.959a.47.47%200%201%200-.601-.451h-3.763a.471.471%200%201%200-.602.451a1.4%201.4%200%200%201-.367.484l-3.964-.413q.163-.27.348-.522h2.704l-2.394-.4a7.98%207.98%200%200%201%2012.472.202l-3.024.433l3.48.216q.149.24.283.49h-2.822l3.038.432a8%208%200%200%201%20.682%202.488z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.24%2011.063a.23.23%200%200%200-.188.094c.094-.96.367-1.867.78-2.7l4.318-.22c-.54.46-1.373.526-1.853.474c.188.565%201.331.706%201.881.706v.705h-1.88v-.235a.235.235%200%201%200-.236.235c-.546.955-1.655%201.143-2.586%201.176a.235.235%200%200%200-.236-.235%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsI1ijErQ%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224.008%22%20y2%3D%2219.997%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%23c9af67%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a58c51%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd123%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(%23SVGHcSWxdhd123)%22%3E%3Cpath%20fill%3D%22url(%23SVGsI1ijErQ)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.416%2016.54a7.96%207.96%200%200%201-1.402-4.88c.43.274.904.47%201.402.578zm4.232%203.106a8%208%200%200%201-2.187-1.059h1.717v.47h.47zm.942.229v-.818h.235v-.47h.235v-6.584h-.236v-.47h-.235v-.941h2.822v.94h-.235v.47h-.235v6.585h.235v.47h.235v.818a8%208%200%200%201-2.822%200m5.949-1.288a8%208%200%200%201-2.186%201.058v-.587h.47v-.47zm.635-6.113h-2.821v.94h.235v.47h.235v4.233h1.881v-4.232h.235v-.47h.235zm-7.524%200H6.827v.94h.235v.47h.235v4.233H9.18v-4.232h.235v-.47h.235zm8.464%204.679a7.96%207.96%200%200%200%201.858-5.737h-.01a.24.24%200%200%201-.24.112c-.47.217-1.09.475-1.608.475zm1.835-5.996a.234.234%200%200%200-.366-.018a.24.24%200%200%200-.057.126c-1.308-.132-2.21-.626-2.502-1.157a.236.236%200%200%200-.085-.456c-.235%200-.235.235-.235.235v.235h-2.351v-.705c1.128%200%202.036-.47%202.351-.706c-1.345.047-1.975-.48-2.22-.959a.47.47%200%201%200-.601-.451h-3.763a.471.471%200%201%200-.602.451a1.4%201.4%200%200%201-.367.484l-3.964-.413q.163-.27.348-.522h2.704l-2.394-.4a7.98%207.98%200%200%201%2012.472.202l-3.024.433l3.48.216q.149.24.283.49h-2.822l3.038.432a8%208%200%200%201%20.682%202.488z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.24%2011.063a.23.23%200%200%200-.188.094c.094-.96.367-1.867.78-2.7l4.318-.22c-.54.46-1.373.526-1.853.474c.188.565%201.331.706%201.881.706v.705h-1.88v-.235a.235.235%200%201%200-.236.235c-.546.955-1.655%201.143-2.586%201.176a.235.235%200%200%200-.236-.235%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsI1ijErQ%22%20x1%3D%2212%22%20x2%3D%2212%22%20y1%3D%224.008%22%20y2%3D%2219.997%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%23c9af67%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a58c51%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd123%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/ttk-background.svg?color=%231a73e8&size=48
