taiko logo
taiko from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- taiko
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the taiko logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.622 16.86l-3.085-4.107a1.97 1.97 0 0 0-1.36-.773a.38.38 0 0 1-.287-.185a.37.37 0 0 1-.02-.338a1.88 1.88 0 0 0-.003-1.54l-2.086-4.67A1.94 1.94 0 0 0 12 4.104c-.772 0-1.471.449-1.78 1.141L8.132 9.917a1.9 1.9 0 0 0-.004 1.54a.37.37 0 0 1-.019.338a.38.38 0 0 1-.288.185a1.97 1.97 0 0 0-1.36.773L3.379 16.86a1.875 1.875 0 0 0-.118 2.082a1.96 1.96 0 0 0 1.899.94l5.171-.563a1.96 1.96 0 0 0 1.362-.768a.386.386 0 0 1 .616 0c.316.42.8.707 1.362.768l5.171.564a1.96 1.96 0 0 0 1.899-.941a1.875 1.875 0 0 0-.118-2.082m-11.14-6.356l2.09-4.677a.47.47 0 0 1 .859 0l2.09 4.677a.47.47 0 0 1-.039.452a.49.49 0 0 1-.408.216H9.927a.49.49 0 0 1-.408-.216a.47.47 0 0 1-.039-.452zm1.072 7.12a.49.49 0 0 1-.38.258l-5.177.564a.47.47 0 0 1-.459-.226a.45.45 0 0 1 .03-.502l3.087-4.111a.49.49 0 0 1 .419-.194a.49.49 0 0 1 .395.238l.003.005l2.067 3.51l.004.005c.082.14.087.31.013.453zm1.871-1.588a.494.494 0 0 1-.85 0l-1.589-2.695a.47.47 0 0 1 0-.48a.5.5 0 0 1 .426-.242h3.175a.49.49 0 0 1 .425.24a.47.47 0 0 1 0 .481zm7.038 2.184a.47.47 0 0 1-.459.227l-5.176-.564a.49.49 0 0 1-.381-.259a.47.47 0 0 1 .013-.453l.003-.006l2.067-3.509l.003-.005a.492.492 0 0 1 .814-.044l3.088 4.11c.11.148.121.345.029.503z"/></svg>
React
import type { SVGProps } from "react";
export function TokenTaiko(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="m20.622 16.86l-3.085-4.107a1.97 1.97 0 0 0-1.36-.773a.38.38 0 0 1-.287-.185a.37.37 0 0 1-.02-.338a1.88 1.88 0 0 0-.003-1.54l-2.086-4.67A1.94 1.94 0 0 0 12 4.104c-.772 0-1.471.449-1.78 1.141L8.132 9.917a1.9 1.9 0 0 0-.004 1.54a.37.37 0 0 1-.019.338a.38.38 0 0 1-.288.185a1.97 1.97 0 0 0-1.36.773L3.379 16.86a1.875 1.875 0 0 0-.118 2.082a1.96 1.96 0 0 0 1.899.94l5.171-.563a1.96 1.96 0 0 0 1.362-.768a.386.386 0 0 1 .616 0c.316.42.8.707 1.362.768l5.171.564a1.96 1.96 0 0 0 1.899-.941a1.875 1.875 0 0 0-.118-2.082m-11.14-6.356l2.09-4.677a.47.47 0 0 1 .859 0l2.09 4.677a.47.47 0 0 1-.039.452a.49.49 0 0 1-.408.216H9.927a.49.49 0 0 1-.408-.216a.47.47 0 0 1-.039-.452zm1.072 7.12a.49.49 0 0 1-.38.258l-5.177.564a.47.47 0 0 1-.459-.226a.45.45 0 0 1 .03-.502l3.087-4.111a.49.49 0 0 1 .419-.194a.49.49 0 0 1 .395.238l.003.005l2.067 3.51l.004.005c.082.14.087.31.013.453zm1.871-1.588a.494.494 0 0 1-.85 0l-1.589-2.695a.47.47 0 0 1 0-.48a.5.5 0 0 1 .426-.242h3.175a.49.49 0 0 1 .425.24a.47.47 0 0 1 0 .481zm7.038 2.184a.47.47 0 0 1-.459.227l-5.176-.564a.49.49 0 0 1-.381-.259a.47.47 0 0 1 .013-.453l.003-.006l2.067-3.509l.003-.005a.492.492 0 0 1 .814-.044l3.088 4.11c.11.148.121.345.029.503z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.622 16.86l-3.085-4.107a1.97 1.97 0 0 0-1.36-.773a.38.38 0 0 1-.287-.185a.37.37 0 0 1-.02-.338a1.88 1.88 0 0 0-.003-1.54l-2.086-4.67A1.94 1.94 0 0 0 12 4.104c-.772 0-1.471.449-1.78 1.141L8.132 9.917a1.9 1.9 0 0 0-.004 1.54a.37.37 0 0 1-.019.338a.38.38 0 0 1-.288.185a1.97 1.97 0 0 0-1.36.773L3.379 16.86a1.875 1.875 0 0 0-.118 2.082a1.96 1.96 0 0 0 1.899.94l5.171-.563a1.96 1.96 0 0 0 1.362-.768a.386.386 0 0 1 .616 0c.316.42.8.707 1.362.768l5.171.564a1.96 1.96 0 0 0 1.899-.941a1.875 1.875 0 0 0-.118-2.082m-11.14-6.356l2.09-4.677a.47.47 0 0 1 .859 0l2.09 4.677a.47.47 0 0 1-.039.452a.49.49 0 0 1-.408.216H9.927a.49.49 0 0 1-.408-.216a.47.47 0 0 1-.039-.452zm1.072 7.12a.49.49 0 0 1-.38.258l-5.177.564a.47.47 0 0 1-.459-.226a.45.45 0 0 1 .03-.502l3.087-4.111a.49.49 0 0 1 .419-.194a.49.49 0 0 1 .395.238l.003.005l2.067 3.51l.004.005c.082.14.087.31.013.453zm1.871-1.588a.494.494 0 0 1-.85 0l-1.589-2.695a.47.47 0 0 1 0-.48a.5.5 0 0 1 .426-.242h3.175a.49.49 0 0 1 .425.24a.47.47 0 0 1 0 .481zm7.038 2.184a.47.47 0 0 1-.459.227l-5.176-.564a.49.49 0 0 1-.381-.259a.47.47 0 0 1 .013-.453l.003-.006l2.067-3.509l.003-.005a.492.492 0 0 1 .814-.044l3.088 4.11c.11.148.121.345.029.503z"/></svg> </template>
CSS
.icon-taiko {
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%22m20.622%2016.86l-3.085-4.107a1.97%201.97%200%200%200-1.36-.773a.38.38%200%200%201-.287-.185a.37.37%200%200%201-.02-.338a1.88%201.88%200%200%200-.003-1.54l-2.086-4.67A1.94%201.94%200%200%200%2012%204.104c-.772%200-1.471.449-1.78%201.141L8.132%209.917a1.9%201.9%200%200%200-.004%201.54a.37.37%200%200%201-.019.338a.38.38%200%200%201-.288.185a1.97%201.97%200%200%200-1.36.773L3.379%2016.86a1.875%201.875%200%200%200-.118%202.082a1.96%201.96%200%200%200%201.899.94l5.171-.563a1.96%201.96%200%200%200%201.362-.768a.386.386%200%200%201%20.616%200c.316.42.8.707%201.362.768l5.171.564a1.96%201.96%200%200%200%201.899-.941a1.875%201.875%200%200%200-.118-2.082m-11.14-6.356l2.09-4.677a.47.47%200%200%201%20.859%200l2.09%204.677a.47.47%200%200%201-.039.452a.49.49%200%200%201-.408.216H9.927a.49.49%200%200%201-.408-.216a.47.47%200%200%201-.039-.452zm1.072%207.12a.49.49%200%200%201-.38.258l-5.177.564a.47.47%200%200%201-.459-.226a.45.45%200%200%201%20.03-.502l3.087-4.111a.49.49%200%200%201%20.419-.194a.49.49%200%200%201%20.395.238l.003.005l2.067%203.51l.004.005c.082.14.087.31.013.453zm1.871-1.588a.494.494%200%200%201-.85%200l-1.589-2.695a.47.47%200%200%201%200-.48a.5.5%200%200%201%20.426-.242h3.175a.49.49%200%200%201%20.425.24a.47.47%200%200%201%200%20.481zm7.038%202.184a.47.47%200%200%201-.459.227l-5.176-.564a.49.49%200%200%201-.381-.259a.47.47%200%200%201%20.013-.453l.003-.006l2.067-3.509l.003-.005a.492.492%200%200%201%20.814-.044l3.088%204.11c.11.148.121.345.029.503z%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%22m20.622%2016.86l-3.085-4.107a1.97%201.97%200%200%200-1.36-.773a.38.38%200%200%201-.287-.185a.37.37%200%200%201-.02-.338a1.88%201.88%200%200%200-.003-1.54l-2.086-4.67A1.94%201.94%200%200%200%2012%204.104c-.772%200-1.471.449-1.78%201.141L8.132%209.917a1.9%201.9%200%200%200-.004%201.54a.37.37%200%200%201-.019.338a.38.38%200%200%201-.288.185a1.97%201.97%200%200%200-1.36.773L3.379%2016.86a1.875%201.875%200%200%200-.118%202.082a1.96%201.96%200%200%200%201.899.94l5.171-.563a1.96%201.96%200%200%200%201.362-.768a.386.386%200%200%201%20.616%200c.316.42.8.707%201.362.768l5.171.564a1.96%201.96%200%200%200%201.899-.941a1.875%201.875%200%200%200-.118-2.082m-11.14-6.356l2.09-4.677a.47.47%200%200%201%20.859%200l2.09%204.677a.47.47%200%200%201-.039.452a.49.49%200%200%201-.408.216H9.927a.49.49%200%200%201-.408-.216a.47.47%200%200%201-.039-.452zm1.072%207.12a.49.49%200%200%201-.38.258l-5.177.564a.47.47%200%200%201-.459-.226a.45.45%200%200%201%20.03-.502l3.087-4.111a.49.49%200%200%201%20.419-.194a.49.49%200%200%201%20.395.238l.003.005l2.067%203.51l.004.005c.082.14.087.31.013.453zm1.871-1.588a.494.494%200%200%201-.85%200l-1.589-2.695a.47.47%200%200%201%200-.48a.5.5%200%200%201%20.426-.242h3.175a.49.49%200%200%201%20.425.24a.47.47%200%200%201%200%20.481zm7.038%202.184a.47.47%200%200%201-.459.227l-5.176-.564a.49.49%200%200%201-.381-.259a.47.47%200%200%201%20.013-.453l.003-.006l2.067-3.509l.003-.005a.492.492%200%200%201%20.814-.044l3.088%204.11c.11.148.121.345.029.503z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/taiko.svg?color=%231a73e8&size=48
