eco logo
eco from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- eco
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M5.676 18.39q.448.43.955.803a8.89 8.89 0 0 0 3.684-7.183c0-2.938-1.449-5.544-3.69-7.184a9 9 0 0 0-.949.804a7.61 7.61 0 0 1 3.516 6.38c0 2.662-1.393 5.004-3.516 6.38"/><path fill="currentColor" d="M19.004 6.375A7.68 7.68 0 0 1 12 10.885a7.68 7.68 0 0 1-7.003-4.51c-.293.36-.557.747-.787 1.151A8.99 8.99 0 0 0 12 12.008a8.99 8.99 0 0 0 7.79-4.482a9 9 0 0 0-.786-1.151m-8.689 14.434c.112-4.88 4.044-8.8 8.874-8.8a8.6 8.6 0 0 1 1.797.184a9 9 0 0 1-.106 1.174a7.5 7.5 0 0 0-1.86-.236a7.65 7.65 0 0 0-5.435 2.327a7.64 7.64 0 0 0-2.147 5.508a8 8 0 0 1-1.123-.157"/><path fill="currentColor" d="M19.846 12.503c-.264 4.021-3.774 7.369-7.846 7.369q-.456.001-.904-.057l-.14 1.124a8.985 8.985 0 0 0 9.985-8.004l-1.078-.37l-.017-.068zm-.241-5.29a8.98 8.98 0 0 0-16.591 4.796c0 2.785 1.27 5.28 3.257 6.925l.922-.77a7.92 7.92 0 0 1-3.056-6.155c0-4.235 3.628-7.863 7.863-7.863a7.98 7.98 0 0 1 6.751 3.92z"/></svg>
React
import type { SVGProps } from "react";
export function TokenEco(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="M5.676 18.39q.448.43.955.803a8.89 8.89 0 0 0 3.684-7.183c0-2.938-1.449-5.544-3.69-7.184a9 9 0 0 0-.949.804a7.61 7.61 0 0 1 3.516 6.38c0 2.662-1.393 5.004-3.516 6.38"/><path fill="currentColor" d="M19.004 6.375A7.68 7.68 0 0 1 12 10.885a7.68 7.68 0 0 1-7.003-4.51c-.293.36-.557.747-.787 1.151A8.99 8.99 0 0 0 12 12.008a8.99 8.99 0 0 0 7.79-4.482a9 9 0 0 0-.786-1.151m-8.689 14.434c.112-4.88 4.044-8.8 8.874-8.8a8.6 8.6 0 0 1 1.797.184a9 9 0 0 1-.106 1.174a7.5 7.5 0 0 0-1.86-.236a7.65 7.65 0 0 0-5.435 2.327a7.64 7.64 0 0 0-2.147 5.508a8 8 0 0 1-1.123-.157"/><path fill="currentColor" d="M19.846 12.503c-.264 4.021-3.774 7.369-7.846 7.369q-.456.001-.904-.057l-.14 1.124a8.985 8.985 0 0 0 9.985-8.004l-1.078-.37l-.017-.068zm-.241-5.29a8.98 8.98 0 0 0-16.591 4.796c0 2.785 1.27 5.28 3.257 6.925l.922-.77a7.92 7.92 0 0 1-3.056-6.155c0-4.235 3.628-7.863 7.863-7.863a7.98 7.98 0 0 1 6.751 3.92z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.676 18.39q.448.43.955.803a8.89 8.89 0 0 0 3.684-7.183c0-2.938-1.449-5.544-3.69-7.184a9 9 0 0 0-.949.804a7.61 7.61 0 0 1 3.516 6.38c0 2.662-1.393 5.004-3.516 6.38"/><path fill="currentColor" d="M19.004 6.375A7.68 7.68 0 0 1 12 10.885a7.68 7.68 0 0 1-7.003-4.51c-.293.36-.557.747-.787 1.151A8.99 8.99 0 0 0 12 12.008a8.99 8.99 0 0 0 7.79-4.482a9 9 0 0 0-.786-1.151m-8.689 14.434c.112-4.88 4.044-8.8 8.874-8.8a8.6 8.6 0 0 1 1.797.184a9 9 0 0 1-.106 1.174a7.5 7.5 0 0 0-1.86-.236a7.65 7.65 0 0 0-5.435 2.327a7.64 7.64 0 0 0-2.147 5.508a8 8 0 0 1-1.123-.157"/><path fill="currentColor" d="M19.846 12.503c-.264 4.021-3.774 7.369-7.846 7.369q-.456.001-.904-.057l-.14 1.124a8.985 8.985 0 0 0 9.985-8.004l-1.078-.37l-.017-.068zm-.241-5.29a8.98 8.98 0 0 0-16.591 4.796c0 2.785 1.27 5.28 3.257 6.925l.922-.77a7.92 7.92 0 0 1-3.056-6.155c0-4.235 3.628-7.863 7.863-7.863a7.98 7.98 0 0 1 6.751 3.92z"/></svg> </template>
CSS
.icon-eco {
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%22M5.676%2018.39q.448.43.955.803a8.89%208.89%200%200%200%203.684-7.183c0-2.938-1.449-5.544-3.69-7.184a9%209%200%200%200-.949.804a7.61%207.61%200%200%201%203.516%206.38c0%202.662-1.393%205.004-3.516%206.38%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.004%206.375A7.68%207.68%200%200%201%2012%2010.885a7.68%207.68%200%200%201-7.003-4.51c-.293.36-.557.747-.787%201.151A8.99%208.99%200%200%200%2012%2012.008a8.99%208.99%200%200%200%207.79-4.482a9%209%200%200%200-.786-1.151m-8.689%2014.434c.112-4.88%204.044-8.8%208.874-8.8a8.6%208.6%200%200%201%201.797.184a9%209%200%200%201-.106%201.174a7.5%207.5%200%200%200-1.86-.236a7.65%207.65%200%200%200-5.435%202.327a7.64%207.64%200%200%200-2.147%205.508a8%208%200%200%201-1.123-.157%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.846%2012.503c-.264%204.021-3.774%207.369-7.846%207.369q-.456.001-.904-.057l-.14%201.124a8.985%208.985%200%200%200%209.985-8.004l-1.078-.37l-.017-.068zm-.241-5.29a8.98%208.98%200%200%200-16.591%204.796c0%202.785%201.27%205.28%203.257%206.925l.922-.77a7.92%207.92%200%200%201-3.056-6.155c0-4.235%203.628-7.863%207.863-7.863a7.98%207.98%200%200%201%206.751%203.92z%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%22M5.676%2018.39q.448.43.955.803a8.89%208.89%200%200%200%203.684-7.183c0-2.938-1.449-5.544-3.69-7.184a9%209%200%200%200-.949.804a7.61%207.61%200%200%201%203.516%206.38c0%202.662-1.393%205.004-3.516%206.38%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.004%206.375A7.68%207.68%200%200%201%2012%2010.885a7.68%207.68%200%200%201-7.003-4.51c-.293.36-.557.747-.787%201.151A8.99%208.99%200%200%200%2012%2012.008a8.99%208.99%200%200%200%207.79-4.482a9%209%200%200%200-.786-1.151m-8.689%2014.434c.112-4.88%204.044-8.8%208.874-8.8a8.6%208.6%200%200%201%201.797.184a9%209%200%200%201-.106%201.174a7.5%207.5%200%200%200-1.86-.236a7.65%207.65%200%200%200-5.435%202.327a7.64%207.64%200%200%200-2.147%205.508a8%208%200%200%201-1.123-.157%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.846%2012.503c-.264%204.021-3.774%207.369-7.846%207.369q-.456.001-.904-.057l-.14%201.124a8.985%208.985%200%200%200%209.985-8.004l-1.078-.37l-.017-.068zm-.241-5.29a8.98%208.98%200%200%200-16.591%204.796c0%202.785%201.27%205.28%203.257%206.925l.922-.77a7.92%207.92%200%200%201-3.056-6.155c0-4.235%203.628-7.863%207.863-7.863a7.98%207.98%200%200%201%206.751%203.92z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/eco.svg?color=%231a73e8&size=48
