theo logo
theo-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- theo-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 theo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 6.037A2.037 2.037 0 0 1 6.037 4h11.926A2.037 2.037 0 0 1 20 6.037V7.75c0 .288-.23.518-.517.518s-.55-.23-.55-.518V6.07c0-.554-.416-1.002-.97-1.002H6.037c-.554 0-.97.448-.97 1.002v11.894c0 .554.416.97.97.97h11.926c.554 0 .97-.416.97-.97v-7.046a.533.533 0 0 1 1.067 0v7.04a2.03 2.03 0 0 1-1.256 1.887a2 2 0 0 1-.781.156H6.037A2.037 2.037 0 0 1 4 17.963z"/><path fill="#fff" d="M12.016 7.733a2.555 2.555 0 0 1 2.65 2.55c0 .81-.565 1.568-1.205 2.026L14.613 16c.128.396-.181.801-.608.801h-4.01c-.427 0-.737-.405-.609-.8l1.152-3.685c-.64-.464-1.205-1.222-1.205-2.027c0-1.28.97-2.539 2.65-2.555zM12 8.8c-.97.01-1.6.71-1.6 1.483c0 .49.389.917.816 1.184c.336.213.517.613.4.986l-.955 3.28h2.677l-.954-3.28c-.118-.373.064-.768.4-.986c.426-.267.816-.694.816-1.184c0-.774-.63-1.472-1.6-1.483"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTheoBackground(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"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 6.037A2.037 2.037 0 0 1 6.037 4h11.926A2.037 2.037 0 0 1 20 6.037V7.75c0 .288-.23.518-.517.518s-.55-.23-.55-.518V6.07c0-.554-.416-1.002-.97-1.002H6.037c-.554 0-.97.448-.97 1.002v11.894c0 .554.416.97.97.97h11.926c.554 0 .97-.416.97-.97v-7.046a.533.533 0 0 1 1.067 0v7.04a2.03 2.03 0 0 1-1.256 1.887a2 2 0 0 1-.781.156H6.037A2.037 2.037 0 0 1 4 17.963z"/><path fill="#fff" d="M12.016 7.733a2.555 2.555 0 0 1 2.65 2.55c0 .81-.565 1.568-1.205 2.026L14.613 16c.128.396-.181.801-.608.801h-4.01c-.427 0-.737-.405-.609-.8l1.152-3.685c-.64-.464-1.205-1.222-1.205-2.027c0-1.28.97-2.539 2.65-2.555zM12 8.8c-.97.01-1.6.71-1.6 1.483c0 .49.389.917.816 1.184c.336.213.517.613.4.986l-.955 3.28h2.677l-.954-3.28c-.118-.373.064-.768.4-.986c.426-.267.816-.694.816-1.184c0-.774-.63-1.472-1.6-1.483"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M4 6.037A2.037 2.037 0 0 1 6.037 4h11.926A2.037 2.037 0 0 1 20 6.037V7.75c0 .288-.23.518-.517.518s-.55-.23-.55-.518V6.07c0-.554-.416-1.002-.97-1.002H6.037c-.554 0-.97.448-.97 1.002v11.894c0 .554.416.97.97.97h11.926c.554 0 .97-.416.97-.97v-7.046a.533.533 0 0 1 1.067 0v7.04a2.03 2.03 0 0 1-1.256 1.887a2 2 0 0 1-.781.156H6.037A2.037 2.037 0 0 1 4 17.963z"/><path fill="#fff" d="M12.016 7.733a2.555 2.555 0 0 1 2.65 2.55c0 .81-.565 1.568-1.205 2.026L14.613 16c.128.396-.181.801-.608.801h-4.01c-.427 0-.737-.405-.609-.8l1.152-3.685c-.64-.464-1.205-1.222-1.205-2.027c0-1.28.97-2.539 2.65-2.555zM12 8.8c-.97.01-1.6.71-1.6 1.483c0 .49.389.917.816 1.184c.336.213.517.613.4.986l-.955 3.28h2.677l-.954-3.28c-.118-.373.064-.768.4-.986c.426-.267.816-.694.816-1.184c0-.774-.63-1.472-1.6-1.483"/></g></svg> </template>
CSS
.icon-theo-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%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%206.037A2.037%202.037%200%200%201%206.037%204h11.926A2.037%202.037%200%200%201%2020%206.037V7.75c0%20.288-.23.518-.517.518s-.55-.23-.55-.518V6.07c0-.554-.416-1.002-.97-1.002H6.037c-.554%200-.97.448-.97%201.002v11.894c0%20.554.416.97.97.97h11.926c.554%200%20.97-.416.97-.97v-7.046a.533.533%200%200%201%201.067%200v7.04a2.03%202.03%200%200%201-1.256%201.887a2%202%200%200%201-.781.156H6.037A2.037%202.037%200%200%201%204%2017.963z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.016%207.733a2.555%202.555%200%200%201%202.65%202.55c0%20.81-.565%201.568-1.205%202.026L14.613%2016c.128.396-.181.801-.608.801h-4.01c-.427%200-.737-.405-.609-.8l1.152-3.685c-.64-.464-1.205-1.222-1.205-2.027c0-1.28.97-2.539%202.65-2.555zM12%208.8c-.97.01-1.6.71-1.6%201.483c0%20.49.389.917.816%201.184c.336.213.517.613.4.986l-.955%203.28h2.677l-.954-3.28c-.118-.373.064-.768.4-.986c.426-.267.816-.694.816-1.184c0-.774-.63-1.472-1.6-1.483%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%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%206.037A2.037%202.037%200%200%201%206.037%204h11.926A2.037%202.037%200%200%201%2020%206.037V7.75c0%20.288-.23.518-.517.518s-.55-.23-.55-.518V6.07c0-.554-.416-1.002-.97-1.002H6.037c-.554%200-.97.448-.97%201.002v11.894c0%20.554.416.97.97.97h11.926c.554%200%20.97-.416.97-.97v-7.046a.533.533%200%200%201%201.067%200v7.04a2.03%202.03%200%200%201-1.256%201.887a2%202%200%200%201-.781.156H6.037A2.037%202.037%200%200%201%204%2017.963z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.016%207.733a2.555%202.555%200%200%201%202.65%202.55c0%20.81-.565%201.568-1.205%202.026L14.613%2016c.128.396-.181.801-.608.801h-4.01c-.427%200-.737-.405-.609-.8l1.152-3.685c-.64-.464-1.205-1.222-1.205-2.027c0-1.28.97-2.539%202.65-2.555zM12%208.8c-.97.01-1.6.71-1.6%201.483c0%20.49.389.917.816%201.184c.336.213.517.613.4.986l-.955%203.28h2.677l-.954-3.28c-.118-.373.064-.768.4-.986c.426-.267.816-.694.816-1.184c0-.774-.63-1.472-1.6-1.483%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/theo-background.svg?color=%231a73e8&size=48
