eco logo
eco-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- eco-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 eco 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(#SVGHcSWxdhd153)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.379 17.68q.398.383.848.714a7.9 7.9 0 0 0 3.275-6.385c0-2.611-1.288-4.928-3.28-6.385q-.448.331-.843.713a6.76 6.76 0 0 1 3.125 5.672c0 2.366-1.238 4.448-3.125 5.671"/><path fill="#fff" d="M18.225 7A6.83 6.83 0 0 1 12 11.009A6.83 6.83 0 0 1 5.775 7a7.6 7.6 0 0 0-.7 1.023A7.99 7.99 0 0 0 12 12.007a7.99 7.99 0 0 0 6.924-3.984A8 8 0 0 0 18.225 7m-7.723 12.83c.1-4.338 3.595-7.823 7.888-7.823c.55 0 1.078.055 1.598.165q-.014.526-.095 1.043a6.7 6.7 0 0 0-1.653-.21a6.79 6.79 0 0 0-6.278 4.325a6.8 6.8 0 0 0-.461 2.64a7 7 0 0 1-.999-.14"/><path fill="#fff" d="M18.974 12.447c-.234 3.575-3.355 6.55-6.974 6.55q-.407.001-.804-.05l-.125.999a7.987 7.987 0 0 0 8.877-7.115l-.959-.329l-.015-.06zm-.215-4.703a7.983 7.983 0 0 0-14.747 4.264a7.98 7.98 0 0 0 2.896 6.155l.819-.684a7.04 7.04 0 0 1-2.716-5.471c0-3.764 3.225-6.99 6.989-6.99a7.09 7.09 0 0 1 6 3.485z"/></g><defs><clipPath id="SVGHcSWxdhd153"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedEcoBackground(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(#SVGHcSWxdhd153)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.379 17.68q.398.383.848.714a7.9 7.9 0 0 0 3.275-6.385c0-2.611-1.288-4.928-3.28-6.385q-.448.331-.843.713a6.76 6.76 0 0 1 3.125 5.672c0 2.366-1.238 4.448-3.125 5.671"/><path fill="#fff" d="M18.225 7A6.83 6.83 0 0 1 12 11.009A6.83 6.83 0 0 1 5.775 7a7.6 7.6 0 0 0-.7 1.023A7.99 7.99 0 0 0 12 12.007a7.99 7.99 0 0 0 6.924-3.984A8 8 0 0 0 18.225 7m-7.723 12.83c.1-4.338 3.595-7.823 7.888-7.823c.55 0 1.078.055 1.598.165q-.014.526-.095 1.043a6.7 6.7 0 0 0-1.653-.21a6.79 6.79 0 0 0-6.278 4.325a6.8 6.8 0 0 0-.461 2.64a7 7 0 0 1-.999-.14"/><path fill="#fff" d="M18.974 12.447c-.234 3.575-3.355 6.55-6.974 6.55q-.407.001-.804-.05l-.125.999a7.987 7.987 0 0 0 8.877-7.115l-.959-.329l-.015-.06zm-.215-4.703a7.983 7.983 0 0 0-14.747 4.264a7.98 7.98 0 0 0 2.896 6.155l.819-.684a7.04 7.04 0 0 1-2.716-5.471c0-3.764 3.225-6.99 6.989-6.99a7.09 7.09 0 0 1 6 3.485z"/></g><defs><clipPath id="SVGHcSWxdhd153"><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(#SVGHcSWxdhd153)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.379 17.68q.398.383.848.714a7.9 7.9 0 0 0 3.275-6.385c0-2.611-1.288-4.928-3.28-6.385q-.448.331-.843.713a6.76 6.76 0 0 1 3.125 5.672c0 2.366-1.238 4.448-3.125 5.671"/><path fill="#fff" d="M18.225 7A6.83 6.83 0 0 1 12 11.009A6.83 6.83 0 0 1 5.775 7a7.6 7.6 0 0 0-.7 1.023A7.99 7.99 0 0 0 12 12.007a7.99 7.99 0 0 0 6.924-3.984A8 8 0 0 0 18.225 7m-7.723 12.83c.1-4.338 3.595-7.823 7.888-7.823c.55 0 1.078.055 1.598.165q-.014.526-.095 1.043a6.7 6.7 0 0 0-1.653-.21a6.79 6.79 0 0 0-6.278 4.325a6.8 6.8 0 0 0-.461 2.64a7 7 0 0 1-.999-.14"/><path fill="#fff" d="M18.974 12.447c-.234 3.575-3.355 6.55-6.974 6.55q-.407.001-.804-.05l-.125.999a7.987 7.987 0 0 0 8.877-7.115l-.959-.329l-.015-.06zm-.215-4.703a7.983 7.983 0 0 0-14.747 4.264a7.98 7.98 0 0 0 2.896 6.155l.819-.684a7.04 7.04 0 0 1-2.716-5.471c0-3.764 3.225-6.99 6.989-6.99a7.09 7.09 0 0 1 6 3.485z"/></g><defs><clipPath id="SVGHcSWxdhd153"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-eco-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(%23SVGHcSWxdhd153)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.379%2017.68q.398.383.848.714a7.9%207.9%200%200%200%203.275-6.385c0-2.611-1.288-4.928-3.28-6.385q-.448.331-.843.713a6.76%206.76%200%200%201%203.125%205.672c0%202.366-1.238%204.448-3.125%205.671%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.225%207A6.83%206.83%200%200%201%2012%2011.009A6.83%206.83%200%200%201%205.775%207a7.6%207.6%200%200%200-.7%201.023A7.99%207.99%200%200%200%2012%2012.007a7.99%207.99%200%200%200%206.924-3.984A8%208%200%200%200%2018.225%207m-7.723%2012.83c.1-4.338%203.595-7.823%207.888-7.823c.55%200%201.078.055%201.598.165q-.014.526-.095%201.043a6.7%206.7%200%200%200-1.653-.21a6.79%206.79%200%200%200-6.278%204.325a6.8%206.8%200%200%200-.461%202.64a7%207%200%200%201-.999-.14%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.974%2012.447c-.234%203.575-3.355%206.55-6.974%206.55q-.407.001-.804-.05l-.125.999a7.987%207.987%200%200%200%208.877-7.115l-.959-.329l-.015-.06zm-.215-4.703a7.983%207.983%200%200%200-14.747%204.264a7.98%207.98%200%200%200%202.896%206.155l.819-.684a7.04%207.04%200%200%201-2.716-5.471c0-3.764%203.225-6.99%206.989-6.99a7.09%207.09%200%200%201%206%203.485z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd153%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(%23SVGHcSWxdhd153)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.379%2017.68q.398.383.848.714a7.9%207.9%200%200%200%203.275-6.385c0-2.611-1.288-4.928-3.28-6.385q-.448.331-.843.713a6.76%206.76%200%200%201%203.125%205.672c0%202.366-1.238%204.448-3.125%205.671%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.225%207A6.83%206.83%200%200%201%2012%2011.009A6.83%206.83%200%200%201%205.775%207a7.6%207.6%200%200%200-.7%201.023A7.99%207.99%200%200%200%2012%2012.007a7.99%207.99%200%200%200%206.924-3.984A8%208%200%200%200%2018.225%207m-7.723%2012.83c.1-4.338%203.595-7.823%207.888-7.823c.55%200%201.078.055%201.598.165q-.014.526-.095%201.043a6.7%206.7%200%200%200-1.653-.21a6.79%206.79%200%200%200-6.278%204.325a6.8%206.8%200%200%200-.461%202.64a7%207%200%200%201-.999-.14%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.974%2012.447c-.234%203.575-3.355%206.55-6.974%206.55q-.407.001-.804-.05l-.125.999a7.987%207.987%200%200%200%208.877-7.115l-.959-.329l-.015-.06zm-.215-4.703a7.983%207.983%200%200%200-14.747%204.264a7.98%207.98%200%200%200%202.896%206.155l.819-.684a7.04%207.04%200%200%201-2.716-5.471c0-3.764%203.225-6.99%206.989-6.99a7.09%207.09%200%200%201%206%203.485z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd153%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/eco-background.svg?color=%231a73e8&size=48
