theo logo
theo from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- theo
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M3 5.292A2.29 2.29 0 0 1 5.292 3h13.416A2.29 2.29 0 0 1 21 5.292v1.926a.58.58 0 0 1-.582.582c-.324 0-.618-.258-.618-.582v-1.89c0-.624-.468-1.128-1.092-1.128H5.292c-.624 0-1.092.504-1.092 1.128v13.38c0 .624.468 1.092 1.092 1.092h13.416c.624 0 1.092-.468 1.092-1.092v-7.926a.6.6 0 0 1 1.2 0v7.92A2.29 2.29 0 0 1 18.708 21H5.292A2.29 2.29 0 0 1 3 18.708z"/><path fill="currentColor" d="M12.018 7.2a2.874 2.874 0 0 1 2.981 2.868c0 .912-.636 1.764-1.356 2.28L14.94 16.5c.144.444-.204.9-.684.9H9.743c-.48 0-.827-.456-.683-.9l1.295-4.146C9.635 11.832 9 10.98 9 10.074c0-1.44 1.092-2.856 2.982-2.874zM12 8.4c-1.092.012-1.8.798-1.8 1.668c0 .552.438 1.032.918 1.332c.378.24.582.69.45 1.11l-1.075 3.69h3.012l-1.074-3.69c-.131-.42.073-.864.45-1.11c.48-.3.919-.78.919-1.332c0-.87-.709-1.656-1.8-1.668"/></svg>
React
import type { SVGProps } from "react";
export function TokenTheo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 5.292A2.29 2.29 0 0 1 5.292 3h13.416A2.29 2.29 0 0 1 21 5.292v1.926a.58.58 0 0 1-.582.582c-.324 0-.618-.258-.618-.582v-1.89c0-.624-.468-1.128-1.092-1.128H5.292c-.624 0-1.092.504-1.092 1.128v13.38c0 .624.468 1.092 1.092 1.092h13.416c.624 0 1.092-.468 1.092-1.092v-7.926a.6.6 0 0 1 1.2 0v7.92A2.29 2.29 0 0 1 18.708 21H5.292A2.29 2.29 0 0 1 3 18.708z"/><path fill="currentColor" d="M12.018 7.2a2.874 2.874 0 0 1 2.981 2.868c0 .912-.636 1.764-1.356 2.28L14.94 16.5c.144.444-.204.9-.684.9H9.743c-.48 0-.827-.456-.683-.9l1.295-4.146C9.635 11.832 9 10.98 9 10.074c0-1.44 1.092-2.856 2.982-2.874zM12 8.4c-1.092.012-1.8.798-1.8 1.668c0 .552.438 1.032.918 1.332c.378.24.582.69.45 1.11l-1.075 3.69h3.012l-1.074-3.69c-.131-.42.073-.864.45-1.11c.48-.3.919-.78.919-1.332c0-.87-.709-1.656-1.8-1.668"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 5.292A2.29 2.29 0 0 1 5.292 3h13.416A2.29 2.29 0 0 1 21 5.292v1.926a.58.58 0 0 1-.582.582c-.324 0-.618-.258-.618-.582v-1.89c0-.624-.468-1.128-1.092-1.128H5.292c-.624 0-1.092.504-1.092 1.128v13.38c0 .624.468 1.092 1.092 1.092h13.416c.624 0 1.092-.468 1.092-1.092v-7.926a.6.6 0 0 1 1.2 0v7.92A2.29 2.29 0 0 1 18.708 21H5.292A2.29 2.29 0 0 1 3 18.708z"/><path fill="currentColor" d="M12.018 7.2a2.874 2.874 0 0 1 2.981 2.868c0 .912-.636 1.764-1.356 2.28L14.94 16.5c.144.444-.204.9-.684.9H9.743c-.48 0-.827-.456-.683-.9l1.295-4.146C9.635 11.832 9 10.98 9 10.074c0-1.44 1.092-2.856 2.982-2.874zM12 8.4c-1.092.012-1.8.798-1.8 1.668c0 .552.438 1.032.918 1.332c.378.24.582.69.45 1.11l-1.075 3.69h3.012l-1.074-3.69c-.131-.42.073-.864.45-1.11c.48-.3.919-.78.919-1.332c0-.87-.709-1.656-1.8-1.668"/></svg> </template>
CSS
.icon-theo {
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%22currentColor%22%20d%3D%22M3%205.292A2.29%202.29%200%200%201%205.292%203h13.416A2.29%202.29%200%200%201%2021%205.292v1.926a.58.58%200%200%201-.582.582c-.324%200-.618-.258-.618-.582v-1.89c0-.624-.468-1.128-1.092-1.128H5.292c-.624%200-1.092.504-1.092%201.128v13.38c0%20.624.468%201.092%201.092%201.092h13.416c.624%200%201.092-.468%201.092-1.092v-7.926a.6.6%200%200%201%201.2%200v7.92A2.29%202.29%200%200%201%2018.708%2021H5.292A2.29%202.29%200%200%201%203%2018.708z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.018%207.2a2.874%202.874%200%200%201%202.981%202.868c0%20.912-.636%201.764-1.356%202.28L14.94%2016.5c.144.444-.204.9-.684.9H9.743c-.48%200-.827-.456-.683-.9l1.295-4.146C9.635%2011.832%209%2010.98%209%2010.074c0-1.44%201.092-2.856%202.982-2.874zM12%208.4c-1.092.012-1.8.798-1.8%201.668c0%20.552.438%201.032.918%201.332c.378.24.582.69.45%201.11l-1.075%203.69h3.012l-1.074-3.69c-.131-.42.073-.864.45-1.11c.48-.3.919-.78.919-1.332c0-.87-.709-1.656-1.8-1.668%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%22currentColor%22%20d%3D%22M3%205.292A2.29%202.29%200%200%201%205.292%203h13.416A2.29%202.29%200%200%201%2021%205.292v1.926a.58.58%200%200%201-.582.582c-.324%200-.618-.258-.618-.582v-1.89c0-.624-.468-1.128-1.092-1.128H5.292c-.624%200-1.092.504-1.092%201.128v13.38c0%20.624.468%201.092%201.092%201.092h13.416c.624%200%201.092-.468%201.092-1.092v-7.926a.6.6%200%200%201%201.2%200v7.92A2.29%202.29%200%200%201%2018.708%2021H5.292A2.29%202.29%200%200%201%203%2018.708z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.018%207.2a2.874%202.874%200%200%201%202.981%202.868c0%20.912-.636%201.764-1.356%202.28L14.94%2016.5c.144.444-.204.9-.684.9H9.743c-.48%200-.827-.456-.683-.9l1.295-4.146C9.635%2011.832%209%2010.98%209%2010.074c0-1.44%201.092-2.856%202.982-2.874zM12%208.4c-1.092.012-1.8.798-1.8%201.668c0%20.552.438%201.032.918%201.332c.378.24.582.69.45%201.11l-1.075%203.69h3.012l-1.074-3.69c-.131-.42.073-.864.45-1.11c.48-.3.919-.78.919-1.332c0-.87-.709-1.656-1.8-1.668%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/theo.svg?color=%231a73e8&size=48
