equal logo
equal-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- equal-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 equal 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(#SVGHcSWxdhd40)"><path fill="url(#SVGafGdAVqS)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.059a7.06 7.06 0 1 0 0-14.12a7.06 7.06 0 0 0 0 14.12M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/><path fill="#fff" d="M12.706 7.53c-1.506 0-4.551.786-5.883 1.177l2.353-2.588v.706c.235-.156 1.224-.47 3.294-.47s4 1.566 4.706 2.352h-.47c-.706-.39-2.495-1.176-4-1.176m-1.412 8.939c1.506 0 4.55-.786 5.882-1.176l-2.353 2.588v-.706c-.235.155-1.223.47-3.294.47s-4-1.567-4.706-2.352h.47c.707.39 2.495 1.176 4 1.176"/><path fill="#fff" d="M14.824 8.706h-4.706a.94.94 0 0 0-.941.941v4.236c0 1.13.941 1.412 1.412 1.412h4.235c0-1.13-.941-1.412-1.412-1.412h-.941c-.47 0-1.412 0-1.412-1.883c0-1.505.941-1.882 1.412-1.882h.706c1.317 0 1.647-.941 1.647-1.412"/><path fill="#fff" d="M10.118 13.882c-.565 0-.861-.626-.941-.941v.941c0 1.13.941 1.412 1.412 1.412h4.235c0-1.13-.941-1.412-1.412-1.412zm0-3.764c-.565 0-.706.315-.706.47c0 .754.786.942 1.177.942h2.823c1.13 0 1.412.941 1.412 1.412h-4.706c-.565 0-.861-.626-.941-.942V9.647c0-.752.626-.94.941-.94h4.706c0 1.129-.941 1.411-1.412 1.411z"/></g><defs><linearGradient id="SVGafGdAVqS" x1="19.529" x2="4" y1="12.706" y2="12.941" gradientUnits="userSpaceOnUse"><stop stop-color="#2dfaee"/><stop offset="1" stop-color="#015bd5"/></linearGradient><clipPath id="SVGHcSWxdhd40"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedEqualBackground(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(#SVGHcSWxdhd40)"><path fill="url(#SVGafGdAVqS)" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12 19.059a7.06 7.06 0 1 0 0-14.12a7.06 7.06 0 0 0 0 14.12M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clipRule="evenodd"/><path fill="#fff" d="M12.706 7.53c-1.506 0-4.551.786-5.883 1.177l2.353-2.588v.706c.235-.156 1.224-.47 3.294-.47s4 1.566 4.706 2.352h-.47c-.706-.39-2.495-1.176-4-1.176m-1.412 8.939c1.506 0 4.55-.786 5.882-1.176l-2.353 2.588v-.706c-.235.155-1.223.47-3.294.47s-4-1.567-4.706-2.352h.47c.707.39 2.495 1.176 4 1.176"/><path fill="#fff" d="M14.824 8.706h-4.706a.94.94 0 0 0-.941.941v4.236c0 1.13.941 1.412 1.412 1.412h4.235c0-1.13-.941-1.412-1.412-1.412h-.941c-.47 0-1.412 0-1.412-1.883c0-1.505.941-1.882 1.412-1.882h.706c1.317 0 1.647-.941 1.647-1.412"/><path fill="#fff" d="M10.118 13.882c-.565 0-.861-.626-.941-.941v.941c0 1.13.941 1.412 1.412 1.412h4.235c0-1.13-.941-1.412-1.412-1.412zm0-3.764c-.565 0-.706.315-.706.47c0 .754.786.942 1.177.942h2.823c1.13 0 1.412.941 1.412 1.412h-4.706c-.565 0-.861-.626-.941-.942V9.647c0-.752.626-.94.941-.94h4.706c0 1.129-.941 1.411-1.412 1.411z"/></g><defs><linearGradient id="SVGafGdAVqS" x1="19.529" x2="4" y1="12.706" y2="12.941" gradientUnits="userSpaceOnUse"><stop stopColor="#2dfaee"/><stop offset="1" stopColor="#015bd5"/></linearGradient><clipPath id="SVGHcSWxdhd40"><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(#SVGHcSWxdhd40)"><path fill="url(#SVGafGdAVqS)" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 19.059a7.06 7.06 0 1 0 0-14.12a7.06 7.06 0 0 0 0 14.12M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16" clip-rule="evenodd"/><path fill="#fff" d="M12.706 7.53c-1.506 0-4.551.786-5.883 1.177l2.353-2.588v.706c.235-.156 1.224-.47 3.294-.47s4 1.566 4.706 2.352h-.47c-.706-.39-2.495-1.176-4-1.176m-1.412 8.939c1.506 0 4.55-.786 5.882-1.176l-2.353 2.588v-.706c-.235.155-1.223.47-3.294.47s-4-1.567-4.706-2.352h.47c.707.39 2.495 1.176 4 1.176"/><path fill="#fff" d="M14.824 8.706h-4.706a.94.94 0 0 0-.941.941v4.236c0 1.13.941 1.412 1.412 1.412h4.235c0-1.13-.941-1.412-1.412-1.412h-.941c-.47 0-1.412 0-1.412-1.883c0-1.505.941-1.882 1.412-1.882h.706c1.317 0 1.647-.941 1.647-1.412"/><path fill="#fff" d="M10.118 13.882c-.565 0-.861-.626-.941-.941v.941c0 1.13.941 1.412 1.412 1.412h4.235c0-1.13-.941-1.412-1.412-1.412zm0-3.764c-.565 0-.706.315-.706.47c0 .754.786.942 1.177.942h2.823c1.13 0 1.412.941 1.412 1.412h-4.706c-.565 0-.861-.626-.941-.942V9.647c0-.752.626-.94.941-.94h4.706c0 1.129-.941 1.411-1.412 1.411z"/></g><defs><linearGradient id="SVGafGdAVqS" x1="19.529" x2="4" y1="12.706" y2="12.941" gradientUnits="userSpaceOnUse"><stop stop-color="#2dfaee"/><stop offset="1" stop-color="#015bd5"/></linearGradient><clipPath id="SVGHcSWxdhd40"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-equal-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(%23SVGHcSWxdhd40)%22%3E%3Cpath%20fill%3D%22url(%23SVGafGdAVqS)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.059a7.06%207.06%200%201%200%200-14.12a7.06%207.06%200%200%200%200%2014.12M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.706%207.53c-1.506%200-4.551.786-5.883%201.177l2.353-2.588v.706c.235-.156%201.224-.47%203.294-.47s4%201.566%204.706%202.352h-.47c-.706-.39-2.495-1.176-4-1.176m-1.412%208.939c1.506%200%204.55-.786%205.882-1.176l-2.353%202.588v-.706c-.235.155-1.223.47-3.294.47s-4-1.567-4.706-2.352h.47c.707.39%202.495%201.176%204%201.176%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.824%208.706h-4.706a.94.94%200%200%200-.941.941v4.236c0%201.13.941%201.412%201.412%201.412h4.235c0-1.13-.941-1.412-1.412-1.412h-.941c-.47%200-1.412%200-1.412-1.883c0-1.505.941-1.882%201.412-1.882h.706c1.317%200%201.647-.941%201.647-1.412%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.118%2013.882c-.565%200-.861-.626-.941-.941v.941c0%201.13.941%201.412%201.412%201.412h4.235c0-1.13-.941-1.412-1.412-1.412zm0-3.764c-.565%200-.706.315-.706.47c0%20.754.786.942%201.177.942h2.823c1.13%200%201.412.941%201.412%201.412h-4.706c-.565%200-.861-.626-.941-.942V9.647c0-.752.626-.94.941-.94h4.706c0%201.129-.941%201.411-1.412%201.411z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGafGdAVqS%22%20x1%3D%2219.529%22%20x2%3D%224%22%20y1%3D%2212.706%22%20y2%3D%2212.941%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232dfaee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23015bd5%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd40%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(%23SVGHcSWxdhd40)%22%3E%3Cpath%20fill%3D%22url(%23SVGafGdAVqS)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.059a7.06%207.06%200%201%200%200-14.12a7.06%207.06%200%200%200%200%2014.12M12%2020a8%208%200%201%200%200-16a8%208%200%200%200%200%2016%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.706%207.53c-1.506%200-4.551.786-5.883%201.177l2.353-2.588v.706c.235-.156%201.224-.47%203.294-.47s4%201.566%204.706%202.352h-.47c-.706-.39-2.495-1.176-4-1.176m-1.412%208.939c1.506%200%204.55-.786%205.882-1.176l-2.353%202.588v-.706c-.235.155-1.223.47-3.294.47s-4-1.567-4.706-2.352h.47c.707.39%202.495%201.176%204%201.176%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.824%208.706h-4.706a.94.94%200%200%200-.941.941v4.236c0%201.13.941%201.412%201.412%201.412h4.235c0-1.13-.941-1.412-1.412-1.412h-.941c-.47%200-1.412%200-1.412-1.883c0-1.505.941-1.882%201.412-1.882h.706c1.317%200%201.647-.941%201.647-1.412%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.118%2013.882c-.565%200-.861-.626-.941-.941v.941c0%201.13.941%201.412%201.412%201.412h4.235c0-1.13-.941-1.412-1.412-1.412zm0-3.764c-.565%200-.706.315-.706.47c0%20.754.786.942%201.177.942h2.823c1.13%200%201.412.941%201.412%201.412h-4.706c-.565%200-.861-.626-.941-.942V9.647c0-.752.626-.94.941-.94h4.706c0%201.129-.941%201.411-1.412%201.411z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGafGdAVqS%22%20x1%3D%2219.529%22%20x2%3D%224%22%20y1%3D%2212.706%22%20y2%3D%2212.941%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%232dfaee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23015bd5%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd40%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/equal-background.svg?color=%231a73e8&size=48
