teer logo
teer from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- teer
- 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 teer logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#000563"><path d="M20.381 5.812c.338 0 .619-.224.619-.562s-.281-.562-.619-.562H3.62c-.338 0-.619.224-.619.562s.225.562.563.562h7.874V18.75a.562.562 0 1 0 1.126 0V5.812z"/><path d="M9.187 6.938H3.563c-.321 0-.563.219-.563.562s.242.562.563.562h5.062v4.5H4.187c-.304 0-.625.237-.625.563s.26.562.563.562h4.5v4.5H3.563c-.321 0-.563.22-.563.563s.242.562.563.562h5.624c.225 0 .366-.135.467-.337a.75.75 0 0 0 .096-.36V7.635a.7.7 0 0 0-.113-.382c-.1-.186-.236-.316-.45-.316m11.25 1.124c.321 0 .563-.219.563-.562a.537.537 0 0 0-.562-.562h-5.57a.58.58 0 0 0-.506.315a.7.7 0 0 0-.112.382v10.98c0 .13.034.253.096.36c.1.202.241.337.466.337h5.626c.32 0 .562-.219.562-.562a.537.537 0 0 0-.562-.563h-5.063v-4.5h4.5a.557.557 0 0 0 .563-.562a.557.557 0 0 0-.563-.562h-4.5v-4.5z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTeer(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#000563"><path d="M20.381 5.812c.338 0 .619-.224.619-.562s-.281-.562-.619-.562H3.62c-.338 0-.619.224-.619.562s.225.562.563.562h7.874V18.75a.562.562 0 1 0 1.126 0V5.812z"/><path d="M9.187 6.938H3.563c-.321 0-.563.219-.563.562s.242.562.563.562h5.062v4.5H4.187c-.304 0-.625.237-.625.563s.26.562.563.562h4.5v4.5H3.563c-.321 0-.563.22-.563.563s.242.562.563.562h5.624c.225 0 .366-.135.467-.337a.75.75 0 0 0 .096-.36V7.635a.7.7 0 0 0-.113-.382c-.1-.186-.236-.316-.45-.316m11.25 1.124c.321 0 .563-.219.563-.562a.537.537 0 0 0-.562-.562h-5.57a.58.58 0 0 0-.506.315a.7.7 0 0 0-.112.382v10.98c0 .13.034.253.096.36c.1.202.241.337.466.337h5.626c.32 0 .562-.219.562-.562a.537.537 0 0 0-.562-.563h-5.063v-4.5h4.5a.557.557 0 0 0 .563-.562a.557.557 0 0 0-.563-.562h-4.5v-4.5z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#000563"><path d="M20.381 5.812c.338 0 .619-.224.619-.562s-.281-.562-.619-.562H3.62c-.338 0-.619.224-.619.562s.225.562.563.562h7.874V18.75a.562.562 0 1 0 1.126 0V5.812z"/><path d="M9.187 6.938H3.563c-.321 0-.563.219-.563.562s.242.562.563.562h5.062v4.5H4.187c-.304 0-.625.237-.625.563s.26.562.563.562h4.5v4.5H3.563c-.321 0-.563.22-.563.563s.242.562.563.562h5.624c.225 0 .366-.135.467-.337a.75.75 0 0 0 .096-.36V7.635a.7.7 0 0 0-.113-.382c-.1-.186-.236-.316-.45-.316m11.25 1.124c.321 0 .563-.219.563-.562a.537.537 0 0 0-.562-.562h-5.57a.58.58 0 0 0-.506.315a.7.7 0 0 0-.112.382v10.98c0 .13.034.253.096.36c.1.202.241.337.466.337h5.626c.32 0 .562-.219.562-.562a.537.537 0 0 0-.562-.563h-5.063v-4.5h4.5a.557.557 0 0 0 .563-.562a.557.557 0 0 0-.563-.562h-4.5v-4.5z"/></g></svg> </template>
CSS
.icon-teer {
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%22%23000563%22%3E%3Cpath%20d%3D%22M20.381%205.812c.338%200%20.619-.224.619-.562s-.281-.562-.619-.562H3.62c-.338%200-.619.224-.619.562s.225.562.563.562h7.874V18.75a.562.562%200%201%200%201.126%200V5.812z%22%2F%3E%3Cpath%20d%3D%22M9.187%206.938H3.563c-.321%200-.563.219-.563.562s.242.562.563.562h5.062v4.5H4.187c-.304%200-.625.237-.625.563s.26.562.563.562h4.5v4.5H3.563c-.321%200-.563.22-.563.563s.242.562.563.562h5.624c.225%200%20.366-.135.467-.337a.75.75%200%200%200%20.096-.36V7.635a.7.7%200%200%200-.113-.382c-.1-.186-.236-.316-.45-.316m11.25%201.124c.321%200%20.563-.219.563-.562a.537.537%200%200%200-.562-.562h-5.57a.58.58%200%200%200-.506.315a.7.7%200%200%200-.112.382v10.98c0%20.13.034.253.096.36c.1.202.241.337.466.337h5.626c.32%200%20.562-.219.562-.562a.537.537%200%200%200-.562-.563h-5.063v-4.5h4.5a.557.557%200%200%200%20.563-.562a.557.557%200%200%200-.563-.562h-4.5v-4.5z%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%22%23000563%22%3E%3Cpath%20d%3D%22M20.381%205.812c.338%200%20.619-.224.619-.562s-.281-.562-.619-.562H3.62c-.338%200-.619.224-.619.562s.225.562.563.562h7.874V18.75a.562.562%200%201%200%201.126%200V5.812z%22%2F%3E%3Cpath%20d%3D%22M9.187%206.938H3.563c-.321%200-.563.219-.563.562s.242.562.563.562h5.062v4.5H4.187c-.304%200-.625.237-.625.563s.26.562.563.562h4.5v4.5H3.563c-.321%200-.563.22-.563.563s.242.562.563.562h5.624c.225%200%20.366-.135.467-.337a.75.75%200%200%200%20.096-.36V7.635a.7.7%200%200%200-.113-.382c-.1-.186-.236-.316-.45-.316m11.25%201.124c.321%200%20.563-.219.563-.562a.537.537%200%200%200-.562-.562h-5.57a.58.58%200%200%200-.506.315a.7.7%200%200%200-.112.382v10.98c0%20.13.034.253.096.36c.1.202.241.337.466.337h5.626c.32%200%20.562-.219.562-.562a.537.537%200%200%200-.562-.563h-5.063v-4.5h4.5a.557.557%200%200%200%20.563-.562a.557.557%200%200%200-.563-.562h-4.5v-4.5z%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-branded/teer.svg?color=%231a73e8&size=48
