taiko logo
taiko-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- taiko-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 taiko logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd199)"><path fill="#e81899" d="M24 0H0v24h24z"/><path fill="#fafafa" d="m19.664 16.32l-2.742-3.65a1.75 1.75 0 0 0-1.208-.687a.34.34 0 0 1-.256-.165a.33.33 0 0 1-.018-.3c.189-.425.2-.918-.002-1.37l-1.855-4.151A1.73 1.73 0 0 0 12 4.982a1.73 1.73 0 0 0-1.583 1.015l-1.855 4.152c-.201.45-.19.944-.003 1.369a.33.33 0 0 1-.017.3a.34.34 0 0 1-.256.165c-.47.052-.91.29-1.208.686l-2.742 3.65a1.67 1.67 0 0 0-.105 1.852c.344.582 1.006.91 1.688.836l4.597-.502c.499-.054.93-.31 1.21-.682a.343.343 0 0 1 .548 0c.28.373.711.628 1.21.682l4.597.502a1.74 1.74 0 0 0 1.688-.836a1.67 1.67 0 0 0-.105-1.851M9.76 10.67l1.858-4.157a.419.419 0 0 1 .764 0l1.858 4.157a.42.42 0 0 1-.035.402a.44.44 0 0 1-.363.192h-3.685a.44.44 0 0 1-.363-.192a.42.42 0 0 1-.034-.402m.954 6.328a.43.43 0 0 1-.339.23l-4.601.502a.42.42 0 0 1-.408-.201a.4.4 0 0 1 .026-.447l2.745-3.654a.44.44 0 0 1 .372-.172a.43.43 0 0 1 .351.211l.003.005l1.838 3.12l.002.004a.42.42 0 0 1 .012.403zm1.663-1.41a.44.44 0 0 1-.756 0l-1.412-2.396a.42.42 0 0 1 0-.427a.44.44 0 0 1 .378-.215h2.823c.155 0 .3.08.378.214a.42.42 0 0 1 0 .427zm6.256 1.94a.42.42 0 0 1-.408.203l-4.601-.502a.43.43 0 0 1-.34-.23a.42.42 0 0 1 .012-.403l.003-.005l1.838-3.12l.003-.004a.438.438 0 0 1 .724-.04l2.744 3.656c.098.13.107.305.025.446"/></g><defs><clipPath id="SVGHcSWxdhd199"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTaikoBackground(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"><g clipPath="url(#SVGHcSWxdhd199)"><path fill="#e81899" d="M24 0H0v24h24z"/><path fill="#fafafa" d="m19.664 16.32l-2.742-3.65a1.75 1.75 0 0 0-1.208-.687a.34.34 0 0 1-.256-.165a.33.33 0 0 1-.018-.3c.189-.425.2-.918-.002-1.37l-1.855-4.151A1.73 1.73 0 0 0 12 4.982a1.73 1.73 0 0 0-1.583 1.015l-1.855 4.152c-.201.45-.19.944-.003 1.369a.33.33 0 0 1-.017.3a.34.34 0 0 1-.256.165c-.47.052-.91.29-1.208.686l-2.742 3.65a1.67 1.67 0 0 0-.105 1.852c.344.582 1.006.91 1.688.836l4.597-.502c.499-.054.93-.31 1.21-.682a.343.343 0 0 1 .548 0c.28.373.711.628 1.21.682l4.597.502a1.74 1.74 0 0 0 1.688-.836a1.67 1.67 0 0 0-.105-1.851M9.76 10.67l1.858-4.157a.419.419 0 0 1 .764 0l1.858 4.157a.42.42 0 0 1-.035.402a.44.44 0 0 1-.363.192h-3.685a.44.44 0 0 1-.363-.192a.42.42 0 0 1-.034-.402m.954 6.328a.43.43 0 0 1-.339.23l-4.601.502a.42.42 0 0 1-.408-.201a.4.4 0 0 1 .026-.447l2.745-3.654a.44.44 0 0 1 .372-.172a.43.43 0 0 1 .351.211l.003.005l1.838 3.12l.002.004a.42.42 0 0 1 .012.403zm1.663-1.41a.44.44 0 0 1-.756 0l-1.412-2.396a.42.42 0 0 1 0-.427a.44.44 0 0 1 .378-.215h2.823c.155 0 .3.08.378.214a.42.42 0 0 1 0 .427zm6.256 1.94a.42.42 0 0 1-.408.203l-4.601-.502a.43.43 0 0 1-.34-.23a.42.42 0 0 1 .012-.403l.003-.005l1.838-3.12l.003-.004a.438.438 0 0 1 .724-.04l2.744 3.656c.098.13.107.305.025.446"/></g><defs><clipPath id="SVGHcSWxdhd199"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd199)"><path fill="#e81899" d="M24 0H0v24h24z"/><path fill="#fafafa" d="m19.664 16.32l-2.742-3.65a1.75 1.75 0 0 0-1.208-.687a.34.34 0 0 1-.256-.165a.33.33 0 0 1-.018-.3c.189-.425.2-.918-.002-1.37l-1.855-4.151A1.73 1.73 0 0 0 12 4.982a1.73 1.73 0 0 0-1.583 1.015l-1.855 4.152c-.201.45-.19.944-.003 1.369a.33.33 0 0 1-.017.3a.34.34 0 0 1-.256.165c-.47.052-.91.29-1.208.686l-2.742 3.65a1.67 1.67 0 0 0-.105 1.852c.344.582 1.006.91 1.688.836l4.597-.502c.499-.054.93-.31 1.21-.682a.343.343 0 0 1 .548 0c.28.373.711.628 1.21.682l4.597.502a1.74 1.74 0 0 0 1.688-.836a1.67 1.67 0 0 0-.105-1.851M9.76 10.67l1.858-4.157a.419.419 0 0 1 .764 0l1.858 4.157a.42.42 0 0 1-.035.402a.44.44 0 0 1-.363.192h-3.685a.44.44 0 0 1-.363-.192a.42.42 0 0 1-.034-.402m.954 6.328a.43.43 0 0 1-.339.23l-4.601.502a.42.42 0 0 1-.408-.201a.4.4 0 0 1 .026-.447l2.745-3.654a.44.44 0 0 1 .372-.172a.43.43 0 0 1 .351.211l.003.005l1.838 3.12l.002.004a.42.42 0 0 1 .012.403zm1.663-1.41a.44.44 0 0 1-.756 0l-1.412-2.396a.42.42 0 0 1 0-.427a.44.44 0 0 1 .378-.215h2.823c.155 0 .3.08.378.214a.42.42 0 0 1 0 .427zm6.256 1.94a.42.42 0 0 1-.408.203l-4.601-.502a.43.43 0 0 1-.34-.23a.42.42 0 0 1 .012-.403l.003-.005l1.838-3.12l.003-.004a.438.438 0 0 1 .724-.04l2.744 3.656c.098.13.107.305.025.446"/></g><defs><clipPath id="SVGHcSWxdhd199"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-taiko-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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd199)%22%3E%3Cpath%20fill%3D%22%23e81899%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22m19.664%2016.32l-2.742-3.65a1.75%201.75%200%200%200-1.208-.687a.34.34%200%200%201-.256-.165a.33.33%200%200%201-.018-.3c.189-.425.2-.918-.002-1.37l-1.855-4.151A1.73%201.73%200%200%200%2012%204.982a1.73%201.73%200%200%200-1.583%201.015l-1.855%204.152c-.201.45-.19.944-.003%201.369a.33.33%200%200%201-.017.3a.34.34%200%200%201-.256.165c-.47.052-.91.29-1.208.686l-2.742%203.65a1.67%201.67%200%200%200-.105%201.852c.344.582%201.006.91%201.688.836l4.597-.502c.499-.054.93-.31%201.21-.682a.343.343%200%200%201%20.548%200c.28.373.711.628%201.21.682l4.597.502a1.74%201.74%200%200%200%201.688-.836a1.67%201.67%200%200%200-.105-1.851M9.76%2010.67l1.858-4.157a.419.419%200%200%201%20.764%200l1.858%204.157a.42.42%200%200%201-.035.402a.44.44%200%200%201-.363.192h-3.685a.44.44%200%200%201-.363-.192a.42.42%200%200%201-.034-.402m.954%206.328a.43.43%200%200%201-.339.23l-4.601.502a.42.42%200%200%201-.408-.201a.4.4%200%200%201%20.026-.447l2.745-3.654a.44.44%200%200%201%20.372-.172a.43.43%200%200%201%20.351.211l.003.005l1.838%203.12l.002.004a.42.42%200%200%201%20.012.403zm1.663-1.41a.44.44%200%200%201-.756%200l-1.412-2.396a.42.42%200%200%201%200-.427a.44.44%200%200%201%20.378-.215h2.823c.155%200%20.3.08.378.214a.42.42%200%200%201%200%20.427zm6.256%201.94a.42.42%200%200%201-.408.203l-4.601-.502a.43.43%200%200%201-.34-.23a.42.42%200%200%201%20.012-.403l.003-.005l1.838-3.12l.003-.004a.438.438%200%200%201%20.724-.04l2.744%203.656c.098.13.107.305.025.446%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd199%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd199)%22%3E%3Cpath%20fill%3D%22%23e81899%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fafafa%22%20d%3D%22m19.664%2016.32l-2.742-3.65a1.75%201.75%200%200%200-1.208-.687a.34.34%200%200%201-.256-.165a.33.33%200%200%201-.018-.3c.189-.425.2-.918-.002-1.37l-1.855-4.151A1.73%201.73%200%200%200%2012%204.982a1.73%201.73%200%200%200-1.583%201.015l-1.855%204.152c-.201.45-.19.944-.003%201.369a.33.33%200%200%201-.017.3a.34.34%200%200%201-.256.165c-.47.052-.91.29-1.208.686l-2.742%203.65a1.67%201.67%200%200%200-.105%201.852c.344.582%201.006.91%201.688.836l4.597-.502c.499-.054.93-.31%201.21-.682a.343.343%200%200%201%20.548%200c.28.373.711.628%201.21.682l4.597.502a1.74%201.74%200%200%200%201.688-.836a1.67%201.67%200%200%200-.105-1.851M9.76%2010.67l1.858-4.157a.419.419%200%200%201%20.764%200l1.858%204.157a.42.42%200%200%201-.035.402a.44.44%200%200%201-.363.192h-3.685a.44.44%200%200%201-.363-.192a.42.42%200%200%201-.034-.402m.954%206.328a.43.43%200%200%201-.339.23l-4.601.502a.42.42%200%200%201-.408-.201a.4.4%200%200%201%20.026-.447l2.745-3.654a.44.44%200%200%201%20.372-.172a.43.43%200%200%201%20.351.211l.003.005l1.838%203.12l.002.004a.42.42%200%200%201%20.012.403zm1.663-1.41a.44.44%200%200%201-.756%200l-1.412-2.396a.42.42%200%200%201%200-.427a.44.44%200%200%201%20.378-.215h2.823c.155%200%20.3.08.378.214a.42.42%200%200%201%200%20.427zm6.256%201.94a.42.42%200%200%201-.408.203l-4.601-.502a.43.43%200%200%201-.34-.23a.42.42%200%200%201%20.012-.403l.003-.005l1.838-3.12l.003-.004a.438.438%200%200%201%20.724-.04l2.744%203.656c.098.13.107.305.025.446%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd199%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/taiko-background.svg?color=%231a73e8&size=48
