twt logo
twt from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- twt
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the twt logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#3274c0" fill-rule="evenodd" d="M4.364 5.866c.013 3.348.04 9.007 1.35 10.704c1.413 1.831 3.403 2.93 4.764 3.68c.448.247.828.457 1.096.642a.61.61 0 0 0 .671.014c.376-.261.915-.562 1.52-.901c1.568-.879 3.583-2.007 4.374-3.32c1.18-1.962 1.412-7.329 1.498-10.767a.64.64 0 0 0-.652-.646c-2.836.016-5.33-1.036-6.567-2.087c-.273-.231-.689-.253-.965-.025c-2.09 1.722-4.634 2.035-6.477 2.082a.625.625 0 0 0-.612.624m1.909 1.18c.013 2.37.24 7.412 1.047 8.63c.645.975 2.185 1.764 3.327 2.35c.643.33 1.16.594 1.324.792c.258-.24.798-.531 1.429-.87c1.122-.602 2.532-1.36 3.156-2.272c.708-1.033 1.117-6.152 1.171-8.63c-2.628.17-4.932-1.172-5.756-1.864c-1.666 1.399-4.493 1.826-5.698 1.864" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTwt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#3274c0" fillRule="evenodd" d="M4.364 5.866c.013 3.348.04 9.007 1.35 10.704c1.413 1.831 3.403 2.93 4.764 3.68c.448.247.828.457 1.096.642a.61.61 0 0 0 .671.014c.376-.261.915-.562 1.52-.901c1.568-.879 3.583-2.007 4.374-3.32c1.18-1.962 1.412-7.329 1.498-10.767a.64.64 0 0 0-.652-.646c-2.836.016-5.33-1.036-6.567-2.087c-.273-.231-.689-.253-.965-.025c-2.09 1.722-4.634 2.035-6.477 2.082a.625.625 0 0 0-.612.624m1.909 1.18c.013 2.37.24 7.412 1.047 8.63c.645.975 2.185 1.764 3.327 2.35c.643.33 1.16.594 1.324.792c.258-.24.798-.531 1.429-.87c1.122-.602 2.532-1.36 3.156-2.272c.708-1.033 1.117-6.152 1.171-8.63c-2.628.17-4.932-1.172-5.756-1.864c-1.666 1.399-4.493 1.826-5.698 1.864" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#3274c0" fill-rule="evenodd" d="M4.364 5.866c.013 3.348.04 9.007 1.35 10.704c1.413 1.831 3.403 2.93 4.764 3.68c.448.247.828.457 1.096.642a.61.61 0 0 0 .671.014c.376-.261.915-.562 1.52-.901c1.568-.879 3.583-2.007 4.374-3.32c1.18-1.962 1.412-7.329 1.498-10.767a.64.64 0 0 0-.652-.646c-2.836.016-5.33-1.036-6.567-2.087c-.273-.231-.689-.253-.965-.025c-2.09 1.722-4.634 2.035-6.477 2.082a.625.625 0 0 0-.612.624m1.909 1.18c.013 2.37.24 7.412 1.047 8.63c.645.975 2.185 1.764 3.327 2.35c.643.33 1.16.594 1.324.792c.258-.24.798-.531 1.429-.87c1.122-.602 2.532-1.36 3.156-2.272c.708-1.033 1.117-6.152 1.171-8.63c-2.628.17-4.932-1.172-5.756-1.864c-1.666 1.399-4.493 1.826-5.698 1.864" clip-rule="evenodd"/></svg> </template>
CSS
.icon-twt {
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%22%233274c0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.364%205.866c.013%203.348.04%209.007%201.35%2010.704c1.413%201.831%203.403%202.93%204.764%203.68c.448.247.828.457%201.096.642a.61.61%200%200%200%20.671.014c.376-.261.915-.562%201.52-.901c1.568-.879%203.583-2.007%204.374-3.32c1.18-1.962%201.412-7.329%201.498-10.767a.64.64%200%200%200-.652-.646c-2.836.016-5.33-1.036-6.567-2.087c-.273-.231-.689-.253-.965-.025c-2.09%201.722-4.634%202.035-6.477%202.082a.625.625%200%200%200-.612.624m1.909%201.18c.013%202.37.24%207.412%201.047%208.63c.645.975%202.185%201.764%203.327%202.35c.643.33%201.16.594%201.324.792c.258-.24.798-.531%201.429-.87c1.122-.602%202.532-1.36%203.156-2.272c.708-1.033%201.117-6.152%201.171-8.63c-2.628.17-4.932-1.172-5.756-1.864c-1.666%201.399-4.493%201.826-5.698%201.864%22%20clip-rule%3D%22evenodd%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%22%233274c0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.364%205.866c.013%203.348.04%209.007%201.35%2010.704c1.413%201.831%203.403%202.93%204.764%203.68c.448.247.828.457%201.096.642a.61.61%200%200%200%20.671.014c.376-.261.915-.562%201.52-.901c1.568-.879%203.583-2.007%204.374-3.32c1.18-1.962%201.412-7.329%201.498-10.767a.64.64%200%200%200-.652-.646c-2.836.016-5.33-1.036-6.567-2.087c-.273-.231-.689-.253-.965-.025c-2.09%201.722-4.634%202.035-6.477%202.082a.625.625%200%200%200-.612.624m1.909%201.18c.013%202.37.24%207.412%201.047%208.63c.645.975%202.185%201.764%203.327%202.35c.643.33%201.16.594%201.324.792c.258-.24.798-.531%201.429-.87c1.122-.602%202.532-1.36%203.156-2.272c.708-1.033%201.117-6.152%201.171-8.63c-2.628.17-4.932-1.172-5.756-1.864c-1.666%201.399-4.493%201.826-5.698%201.864%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/twt.svg?color=%231a73e8&size=48
