tama logo
tama-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- tama-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the tama 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(#SVGHcSWxdhd172)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#ffd643" d="M19.555 12a7.556 7.556 0 1 1-15.11 0a7.556 7.556 0 0 1 15.11 0"/><path fill="#a31b3f" d="M10.063 13.777h-.285v.69l.97.644h2.515l.96-.645v-.689h-.303l-.422.69h-1.053v-.245h-.889v.244h-1.08z"/><path fill="#ff9b37" d="M11.111 15.298v-.631h1.778v.631h-.444v.258h-.89v-.258z"/><path fill="#a31b3f" d="M10.223 16h-.445v.382l.711.507h3.338s1.898-1.618 2.787-2.356v-1.697l-.925-1.48v-.903l.534-.626V7.556h-.902l-1.543 1.946h-.489v.17l.49.306l1.67-2.085h.543v1.778l-.911.782l-.183.698l.894 1.84v1.547l-2.218 1.907h-3.351z"/><path fill="#ffff74" d="m7.76 14.285l1.99 2.16l.348-.156l-1.956-1.84l-.133-.631l.39-1.13l2.08-.852l5.29-3.934v-.346h-.57l-1.453 1.777h-.64v.01h-2.15v-.01h-.476L8.769 7.556h-.37l-.386.346v1.876l.907 1.2l-1.16 1.83z"/><path fill="#ff9b37" d="M8 12.947v1.275h.444v-.83l.356-.73h.978v.507l.266.333h.605l.582-.84h1.773l.636.84h.582l.44-.333v-.502h.711l.623.729v.826h.444v-1.275l-.965-1.231v-.32h-.31v-.552h.39V10.4L16 9.716V7.822h-.52l-1.733 1.511c-.191-.106-.796-.31-1.658-.31c-.858 0-1.467.204-1.658.31l-1.627-1.51h-.6v1.893l.685.689v.444h.222v.547H8.8v.32z"/><path fill="#ffd643" d="M10.667 10.667h.444v-.444h-.445zm2.222-.444v.444h.444v-.444zm2.244-1.965l-.706.703v.817h.422v.445h.284l.587-.68v-1.29h-.587zm-6.098.027l.743.707v.786h-.445v.445h-.302l-.587-.65V8.286z"/><path fill="#a31b3f" d="M10.755 11.11h-.533V12h.444v.444h.445v-.925zm2.489 0h.533V12h-.444v.444h-.445v-.925z"/><path fill="#ff9b37" fill-rule="evenodd" d="M18.666 12a6.666 6.666 0 1 1-13.333 0a6.666 6.666 0 0 1 13.333 0m-.444 0a6.222 6.222 0 1 1-12.444 0a6.222 6.222 0 0 1 12.444 0" clip-rule="evenodd"/><path fill="url(#SVGxxq7ydea)" fill-rule="evenodd" d="M12 19.778a7.778 7.778 0 1 0 0-15.555a7.778 7.778 0 0 0 0 15.555M19.778 12a7.778 7.778 0 1 1-15.555 0a7.778 7.778 0 0 1 15.555 0M20 12a7.999 7.999 0 1 1-15.998 0A7.999 7.999 0 0 1 20 12m-.445 0a7.556 7.556 0 1 1-15.111 0a7.556 7.556 0 0 1 15.112 0" clip-rule="evenodd"/><path fill="#a31b3f" d="M11.111 12.658v.462l.267.213h1.244l.267-.213v-.462l-.267-.214h-1.244z"/></g><defs><linearGradient id="SVGxxq7ydea" x1="4.658" x2="19.178" y1="15.062" y2="16.671" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#ffff74"/><stop offset=".48" stop-color="#a31b3f"/></linearGradient><clipPath id="SVGHcSWxdhd172"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedTamaBackground(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(#SVGHcSWxdhd172)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#ffd643" d="M19.555 12a7.556 7.556 0 1 1-15.11 0a7.556 7.556 0 0 1 15.11 0"/><path fill="#a31b3f" d="M10.063 13.777h-.285v.69l.97.644h2.515l.96-.645v-.689h-.303l-.422.69h-1.053v-.245h-.889v.244h-1.08z"/><path fill="#ff9b37" d="M11.111 15.298v-.631h1.778v.631h-.444v.258h-.89v-.258z"/><path fill="#a31b3f" d="M10.223 16h-.445v.382l.711.507h3.338s1.898-1.618 2.787-2.356v-1.697l-.925-1.48v-.903l.534-.626V7.556h-.902l-1.543 1.946h-.489v.17l.49.306l1.67-2.085h.543v1.778l-.911.782l-.183.698l.894 1.84v1.547l-2.218 1.907h-3.351z"/><path fill="#ffff74" d="m7.76 14.285l1.99 2.16l.348-.156l-1.956-1.84l-.133-.631l.39-1.13l2.08-.852l5.29-3.934v-.346h-.57l-1.453 1.777h-.64v.01h-2.15v-.01h-.476L8.769 7.556h-.37l-.386.346v1.876l.907 1.2l-1.16 1.83z"/><path fill="#ff9b37" d="M8 12.947v1.275h.444v-.83l.356-.73h.978v.507l.266.333h.605l.582-.84h1.773l.636.84h.582l.44-.333v-.502h.711l.623.729v.826h.444v-1.275l-.965-1.231v-.32h-.31v-.552h.39V10.4L16 9.716V7.822h-.52l-1.733 1.511c-.191-.106-.796-.31-1.658-.31c-.858 0-1.467.204-1.658.31l-1.627-1.51h-.6v1.893l.685.689v.444h.222v.547H8.8v.32z"/><path fill="#ffd643" d="M10.667 10.667h.444v-.444h-.445zm2.222-.444v.444h.444v-.444zm2.244-1.965l-.706.703v.817h.422v.445h.284l.587-.68v-1.29h-.587zm-6.098.027l.743.707v.786h-.445v.445h-.302l-.587-.65V8.286z"/><path fill="#a31b3f" d="M10.755 11.11h-.533V12h.444v.444h.445v-.925zm2.489 0h.533V12h-.444v.444h-.445v-.925z"/><path fill="#ff9b37" fillRule="evenodd" d="M18.666 12a6.666 6.666 0 1 1-13.333 0a6.666 6.666 0 0 1 13.333 0m-.444 0a6.222 6.222 0 1 1-12.444 0a6.222 6.222 0 0 1 12.444 0" clipRule="evenodd"/><path fill="url(#SVGxxq7ydea)" fillRule="evenodd" d="M12 19.778a7.778 7.778 0 1 0 0-15.555a7.778 7.778 0 0 0 0 15.555M19.778 12a7.778 7.778 0 1 1-15.555 0a7.778 7.778 0 0 1 15.555 0M20 12a7.999 7.999 0 1 1-15.998 0A7.999 7.999 0 0 1 20 12m-.445 0a7.556 7.556 0 1 1-15.111 0a7.556 7.556 0 0 1 15.112 0" clipRule="evenodd"/><path fill="#a31b3f" d="M11.111 12.658v.462l.267.213h1.244l.267-.213v-.462l-.267-.214h-1.244z"/></g><defs><linearGradient id="SVGxxq7ydea" x1="4.658" x2="19.178" y1="15.062" y2="16.671" gradientUnits="userSpaceOnUse"><stop offset=".47" stopColor="#ffff74"/><stop offset=".48" stopColor="#a31b3f"/></linearGradient><clipPath id="SVGHcSWxdhd172"><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(#SVGHcSWxdhd172)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#ffd643" d="M19.555 12a7.556 7.556 0 1 1-15.11 0a7.556 7.556 0 0 1 15.11 0"/><path fill="#a31b3f" d="M10.063 13.777h-.285v.69l.97.644h2.515l.96-.645v-.689h-.303l-.422.69h-1.053v-.245h-.889v.244h-1.08z"/><path fill="#ff9b37" d="M11.111 15.298v-.631h1.778v.631h-.444v.258h-.89v-.258z"/><path fill="#a31b3f" d="M10.223 16h-.445v.382l.711.507h3.338s1.898-1.618 2.787-2.356v-1.697l-.925-1.48v-.903l.534-.626V7.556h-.902l-1.543 1.946h-.489v.17l.49.306l1.67-2.085h.543v1.778l-.911.782l-.183.698l.894 1.84v1.547l-2.218 1.907h-3.351z"/><path fill="#ffff74" d="m7.76 14.285l1.99 2.16l.348-.156l-1.956-1.84l-.133-.631l.39-1.13l2.08-.852l5.29-3.934v-.346h-.57l-1.453 1.777h-.64v.01h-2.15v-.01h-.476L8.769 7.556h-.37l-.386.346v1.876l.907 1.2l-1.16 1.83z"/><path fill="#ff9b37" d="M8 12.947v1.275h.444v-.83l.356-.73h.978v.507l.266.333h.605l.582-.84h1.773l.636.84h.582l.44-.333v-.502h.711l.623.729v.826h.444v-1.275l-.965-1.231v-.32h-.31v-.552h.39V10.4L16 9.716V7.822h-.52l-1.733 1.511c-.191-.106-.796-.31-1.658-.31c-.858 0-1.467.204-1.658.31l-1.627-1.51h-.6v1.893l.685.689v.444h.222v.547H8.8v.32z"/><path fill="#ffd643" d="M10.667 10.667h.444v-.444h-.445zm2.222-.444v.444h.444v-.444zm2.244-1.965l-.706.703v.817h.422v.445h.284l.587-.68v-1.29h-.587zm-6.098.027l.743.707v.786h-.445v.445h-.302l-.587-.65V8.286z"/><path fill="#a31b3f" d="M10.755 11.11h-.533V12h.444v.444h.445v-.925zm2.489 0h.533V12h-.444v.444h-.445v-.925z"/><path fill="#ff9b37" fill-rule="evenodd" d="M18.666 12a6.666 6.666 0 1 1-13.333 0a6.666 6.666 0 0 1 13.333 0m-.444 0a6.222 6.222 0 1 1-12.444 0a6.222 6.222 0 0 1 12.444 0" clip-rule="evenodd"/><path fill="url(#SVGxxq7ydea)" fill-rule="evenodd" d="M12 19.778a7.778 7.778 0 1 0 0-15.555a7.778 7.778 0 0 0 0 15.555M19.778 12a7.778 7.778 0 1 1-15.555 0a7.778 7.778 0 0 1 15.555 0M20 12a7.999 7.999 0 1 1-15.998 0A7.999 7.999 0 0 1 20 12m-.445 0a7.556 7.556 0 1 1-15.111 0a7.556 7.556 0 0 1 15.112 0" clip-rule="evenodd"/><path fill="#a31b3f" d="M11.111 12.658v.462l.267.213h1.244l.267-.213v-.462l-.267-.214h-1.244z"/></g><defs><linearGradient id="SVGxxq7ydea" x1="4.658" x2="19.178" y1="15.062" y2="16.671" gradientUnits="userSpaceOnUse"><stop offset=".47" stop-color="#ffff74"/><stop offset=".48" stop-color="#a31b3f"/></linearGradient><clipPath id="SVGHcSWxdhd172"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-tama-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(%23SVGHcSWxdhd172)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23ffd643%22%20d%3D%22M19.555%2012a7.556%207.556%200%201%201-15.11%200a7.556%207.556%200%200%201%2015.11%200%22%2F%3E%3Cpath%20fill%3D%22%23a31b3f%22%20d%3D%22M10.063%2013.777h-.285v.69l.97.644h2.515l.96-.645v-.689h-.303l-.422.69h-1.053v-.245h-.889v.244h-1.08z%22%2F%3E%3Cpath%20fill%3D%22%23ff9b37%22%20d%3D%22M11.111%2015.298v-.631h1.778v.631h-.444v.258h-.89v-.258z%22%2F%3E%3Cpath%20fill%3D%22%23a31b3f%22%20d%3D%22M10.223%2016h-.445v.382l.711.507h3.338s1.898-1.618%202.787-2.356v-1.697l-.925-1.48v-.903l.534-.626V7.556h-.902l-1.543%201.946h-.489v.17l.49.306l1.67-2.085h.543v1.778l-.911.782l-.183.698l.894%201.84v1.547l-2.218%201.907h-3.351z%22%2F%3E%3Cpath%20fill%3D%22%23ffff74%22%20d%3D%22m7.76%2014.285l1.99%202.16l.348-.156l-1.956-1.84l-.133-.631l.39-1.13l2.08-.852l5.29-3.934v-.346h-.57l-1.453%201.777h-.64v.01h-2.15v-.01h-.476L8.769%207.556h-.37l-.386.346v1.876l.907%201.2l-1.16%201.83z%22%2F%3E%3Cpath%20fill%3D%22%23ff9b37%22%20d%3D%22M8%2012.947v1.275h.444v-.83l.356-.73h.978v.507l.266.333h.605l.582-.84h1.773l.636.84h.582l.44-.333v-.502h.711l.623.729v.826h.444v-1.275l-.965-1.231v-.32h-.31v-.552h.39V10.4L16%209.716V7.822h-.52l-1.733%201.511c-.191-.106-.796-.31-1.658-.31c-.858%200-1.467.204-1.658.31l-1.627-1.51h-.6v1.893l.685.689v.444h.222v.547H8.8v.32z%22%2F%3E%3Cpath%20fill%3D%22%23ffd643%22%20d%3D%22M10.667%2010.667h.444v-.444h-.445zm2.222-.444v.444h.444v-.444zm2.244-1.965l-.706.703v.817h.422v.445h.284l.587-.68v-1.29h-.587zm-6.098.027l.743.707v.786h-.445v.445h-.302l-.587-.65V8.286z%22%2F%3E%3Cpath%20fill%3D%22%23a31b3f%22%20d%3D%22M10.755%2011.11h-.533V12h.444v.444h.445v-.925zm2.489%200h.533V12h-.444v.444h-.445v-.925z%22%2F%3E%3Cpath%20fill%3D%22%23ff9b37%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.666%2012a6.666%206.666%200%201%201-13.333%200a6.666%206.666%200%200%201%2013.333%200m-.444%200a6.222%206.222%200%201%201-12.444%200a6.222%206.222%200%200%201%2012.444%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxxq7ydea)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.778a7.778%207.778%200%201%200%200-15.555a7.778%207.778%200%200%200%200%2015.555M19.778%2012a7.778%207.778%200%201%201-15.555%200a7.778%207.778%200%200%201%2015.555%200M20%2012a7.999%207.999%200%201%201-15.998%200A7.999%207.999%200%200%201%2020%2012m-.445%200a7.556%207.556%200%201%201-15.111%200a7.556%207.556%200%200%201%2015.112%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23a31b3f%22%20d%3D%22M11.111%2012.658v.462l.267.213h1.244l.267-.213v-.462l-.267-.214h-1.244z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxxq7ydea%22%20x1%3D%224.658%22%20x2%3D%2219.178%22%20y1%3D%2215.062%22%20y2%3D%2216.671%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23ffff74%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23a31b3f%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd172%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(%23SVGHcSWxdhd172)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23ffd643%22%20d%3D%22M19.555%2012a7.556%207.556%200%201%201-15.11%200a7.556%207.556%200%200%201%2015.11%200%22%2F%3E%3Cpath%20fill%3D%22%23a31b3f%22%20d%3D%22M10.063%2013.777h-.285v.69l.97.644h2.515l.96-.645v-.689h-.303l-.422.69h-1.053v-.245h-.889v.244h-1.08z%22%2F%3E%3Cpath%20fill%3D%22%23ff9b37%22%20d%3D%22M11.111%2015.298v-.631h1.778v.631h-.444v.258h-.89v-.258z%22%2F%3E%3Cpath%20fill%3D%22%23a31b3f%22%20d%3D%22M10.223%2016h-.445v.382l.711.507h3.338s1.898-1.618%202.787-2.356v-1.697l-.925-1.48v-.903l.534-.626V7.556h-.902l-1.543%201.946h-.489v.17l.49.306l1.67-2.085h.543v1.778l-.911.782l-.183.698l.894%201.84v1.547l-2.218%201.907h-3.351z%22%2F%3E%3Cpath%20fill%3D%22%23ffff74%22%20d%3D%22m7.76%2014.285l1.99%202.16l.348-.156l-1.956-1.84l-.133-.631l.39-1.13l2.08-.852l5.29-3.934v-.346h-.57l-1.453%201.777h-.64v.01h-2.15v-.01h-.476L8.769%207.556h-.37l-.386.346v1.876l.907%201.2l-1.16%201.83z%22%2F%3E%3Cpath%20fill%3D%22%23ff9b37%22%20d%3D%22M8%2012.947v1.275h.444v-.83l.356-.73h.978v.507l.266.333h.605l.582-.84h1.773l.636.84h.582l.44-.333v-.502h.711l.623.729v.826h.444v-1.275l-.965-1.231v-.32h-.31v-.552h.39V10.4L16%209.716V7.822h-.52l-1.733%201.511c-.191-.106-.796-.31-1.658-.31c-.858%200-1.467.204-1.658.31l-1.627-1.51h-.6v1.893l.685.689v.444h.222v.547H8.8v.32z%22%2F%3E%3Cpath%20fill%3D%22%23ffd643%22%20d%3D%22M10.667%2010.667h.444v-.444h-.445zm2.222-.444v.444h.444v-.444zm2.244-1.965l-.706.703v.817h.422v.445h.284l.587-.68v-1.29h-.587zm-6.098.027l.743.707v.786h-.445v.445h-.302l-.587-.65V8.286z%22%2F%3E%3Cpath%20fill%3D%22%23a31b3f%22%20d%3D%22M10.755%2011.11h-.533V12h.444v.444h.445v-.925zm2.489%200h.533V12h-.444v.444h-.445v-.925z%22%2F%3E%3Cpath%20fill%3D%22%23ff9b37%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.666%2012a6.666%206.666%200%201%201-13.333%200a6.666%206.666%200%200%201%2013.333%200m-.444%200a6.222%206.222%200%201%201-12.444%200a6.222%206.222%200%200%201%2012.444%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGxxq7ydea)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.778a7.778%207.778%200%201%200%200-15.555a7.778%207.778%200%200%200%200%2015.555M19.778%2012a7.778%207.778%200%201%201-15.555%200a7.778%207.778%200%200%201%2015.555%200M20%2012a7.999%207.999%200%201%201-15.998%200A7.999%207.999%200%200%201%2020%2012m-.445%200a7.556%207.556%200%201%201-15.111%200a7.556%207.556%200%200%201%2015.112%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23a31b3f%22%20d%3D%22M11.111%2012.658v.462l.267.213h1.244l.267-.213v-.462l-.267-.214h-1.244z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxxq7ydea%22%20x1%3D%224.658%22%20x2%3D%2219.178%22%20y1%3D%2215.062%22%20y2%3D%2216.671%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.47%22%20stop-color%3D%22%23ffff74%22%2F%3E%3Cstop%20offset%3D%22.48%22%20stop-color%3D%22%23a31b3f%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd172%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/tama-background.svg?color=%231a73e8&size=48
